.stx{display:flex;flex-direction:column;height:calc(100vh - 60px);background:var(--bg)}.stx-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border)}.stx-name{width:180px;background:#ffffff0a;border:1px solid var(--border-2);color:var(--text);border-radius:10px;padding:8px 12px;font-size:14px;outline:none}.btn-sm{padding:9px 15px;font-size:13px;border-radius:10px}.stx-toolbar{display:flex;align-items:center;gap:12px;padding:9px 18px;border-bottom:1px solid var(--border);background:#0b0c13;overflow-x:auto}.tbtn{width:32px;height:32px;border-radius:9px;background:#ffffff0d;border:1px solid var(--border-2);color:var(--text-2);font-size:14px;cursor:pointer}.tb-sep{width:1px;height:22px;background:#ffffff1a}.pill{display:inline-flex;align-items:center;gap:7px;background:#ffffff0d;border:1px solid var(--border-2);border-radius:9px;padding:7px 12px;font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap;cursor:pointer}.pill-success{background:#34d3991f;border-color:#34d3994d;color:var(--success)}.tab{padding:8px 14px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;white-space:nowrap;background:transparent;border:none}.tab-active{font-weight:700;color:var(--accent-soft);background:#7b73ff29;border:1px solid rgba(123,115,255,.3)}.stx-stage{flex:1;min-height:0;overflow:hidden}.strip{height:100%;overflow-x:auto;overflow-y:hidden;background:radial-gradient(90% 70% at 50% 0%,#14132a,#08080e 62%);padding:36px 32px;display:flex;gap:26px;align-items:flex-start;scrollbar-width:thin}.stx-loading{color:var(--text-3);font-size:14px;margin:auto}.slide-frame{flex-shrink:0;width:296px;height:604px;border-radius:30px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 24px 54px #0000006b;outline:1px solid rgba(255,255,255,.06);outline-offset:0;transition:outline .15s ease}.slide-frame.active{outline:2.5px solid var(--accent);outline-offset:4px}.sb-artboard{position:absolute;top:0;left:0;width:1284px;height:2778px;transform-origin:top left}.sb-layer{position:absolute;cursor:grab}.sb-layer.sel{outline:3px solid var(--accent);outline-offset:3px}.sb-text{padding:4px 8px}.slide-edit{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;box-shadow:0 6px 16px #6e64ff8c;z-index:99999}.slide-add{flex-shrink:0;width:150px;height:604px;border-radius:30px;border:2px dashed rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-3);cursor:pointer;background:transparent}.add-circle{width:44px;height:44px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-2)}.add-label{font-size:13px;font-weight:700}.insp{flex-shrink:0;width:352px;height:604px;overflow-y:auto;background:var(--panel);border:1px solid var(--border-2);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px #00000080}.insp-actions{display:flex;gap:6px}.ia{flex:none;width:34px;height:34px;border-radius:9px;background:#ffffff0d;border:1px solid var(--border-2);color:var(--text-2);font-size:13px;cursor:pointer}.ia:first-child{flex:1}.ia-ok{background:#34d39929;border-color:#34d3994d;color:var(--success)}.ia-danger{background:#ef444424;border-color:#ef44444d;color:#f87171}.insp-card{border:1px solid rgba(255,255,255,.09);border-radius:13px;overflow:hidden}.insp-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:#ffffff05;cursor:pointer}.ich-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--text)}.ich-add{width:24px;height:24px;border-radius:7px;background:#7b73ff29;color:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:13px}.layers{padding:10px;display:flex;flex-direction:column;gap:6px}.layer{display:flex;align-items:center;gap:9px;padding:8px 10px;background:#ffffff08;border:1px solid var(--border);border-radius:9px;cursor:pointer}.layer.sel{border-color:#7b73ff80;background:#7b73ff1f}.l-ic{width:30px;height:30px;flex-shrink:0;border-radius:7px;background:#1a2540;display:flex;align-items:center;justify-content:center;overflow:hidden}.l-tx{font-family:Space Grotesk;font-weight:800;font-size:14px;color:var(--accent-soft)}.in{width:100%;background:#ffffff0a;border:1px solid var(--border-2);color:var(--text);border-radius:9px;padding:8px 11px;font-size:13px;outline:none;font-family:inherit;resize:vertical}.in-color{width:100%;height:34px;border:1px solid var(--border-2);border-radius:9px;background:none;cursor:pointer}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sel-wrap{position:relative}.sel-wrap select{width:100%;padding:8px 10px;appearance:none;background:#ffffff0a;border:1px solid var(--border-2);color:var(--text);border-radius:9px;font-size:12.5px;outline:none}.sel-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3);font-size:8px}.l-body{flex:1;min-width:0}.l-t{font-size:12.5px;font-weight:700}.l-m{font-size:10px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-vis{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:11px}.insp-hint{color:var(--text-3);font-size:12.5px;text-align:center;padding:8px}.sec-body{padding:14px;display:flex;flex-direction:column;gap:10px}.sec-body[hidden]{display:none}.mini-lbl{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.rng{display:flex;align-items:center;gap:10px}.rng input{flex:1}.rng-v{font-size:12px;color:var(--text-2);min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.btn-primary-soft{background:#7b73ff24;color:var(--accent-soft);border:1px solid rgba(123,115,255,.3);border-radius:9px;padding:9px;font-weight:700;font-size:12px;cursor:pointer}.bg-sw-row{display:flex;gap:7px;flex-wrap:wrap}.bg-sw{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.12);cursor:pointer;padding:0}.bg-sw.active{box-shadow:0 0 0 2px var(--accent),0 0 0 4px var(--panel)}@media (max-width: 900px){.stx{height:auto}.strip{flex-wrap:wrap}.insp{width:100%;height:auto}}
