/* Tyai studio shell kit, scoped under .stage (generated from scenes/tyai-studio.css) */
.stage{--ink:#1A1A1D;--mut:#8A8A93;--t2:#52525A;--line:rgba(0,0,0,.08);--line2:rgba(0,0,0,.1);--bg:#EEEEE9;--panel:#fff;--ai:#7C5CFF;--ai-soft:#F1EEFF;--ok:#22A06B;--warn:#E8A317;--err:#E5484D;--blue:#2F7BF5}
.stage{position:relative;width:1920px;height:1080px;overflow:hidden;background:var(--bg)}
.stage.dots{background-image:radial-gradient(#C9C9C2 1.3px,transparent 1.4px);background-size:22px 22px;background-position:11px 11px}
.stage.dots.major{background-image:radial-gradient(#9A9A94 1.5px,transparent 1.6px),radial-gradient(#D3D3CC 1.2px,transparent 1.3px);background-size:88px 88px,22px 22px;background-position:11px 11px,11px 11px}
.stage svg.lu,.stage [data-lucide]{display:inline-block}
.stage .rail{position:absolute;left:0;top:0;bottom:0;width:40px;background:#fff;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;padding-top:12px;gap:12px;z-index:60}
.stage .rail .logo{width:28px;height:28px;border-radius:8px;background:#1F1F23;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.stage .rail .ic{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#6B6B72}
.stage .rail .ic.on{background:rgba(26,26,29,.09);color:var(--ink)}
.stage .rail .ic svg{width:18px;height:18px}
.stage .rail .bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:12px}
.stage .rail .zoom{font-size:9.5px;color:var(--mut);font-weight:500}
.stage .rail .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#F2C14E,#EA6A47);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.stage .lpanel{position:absolute;left:40px;top:0;bottom:0;width:220px;background:var(--panel);box-shadow:4px 0 16px rgba(0,0,0,.06);z-index:55;display:flex;flex-direction:column;overflow:hidden}
.stage .lpanel .title{padding:14px 12px 0;font-size:14px;font-weight:600;color:var(--ink);height:41px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage .lpanel .lab{padding:8px 8px 4px;font-size:11px;font-weight:500;color:var(--mut);display:flex;justify-content:space-between;align-items:center}
.stage .lpanel .lab svg{width:13px;height:13px}
.stage .lpanel .file{display:flex;align-items:center;gap:8px;height:27px;padding:0 8px 0 12px;font-size:12px;color:var(--ink);font-weight:500}
.stage .lpanel .file svg{width:14px;height:14px;color:var(--t2)}
.stage .lpanel .file .k{margin-left:auto;font-size:10.5px;color:var(--mut);font-weight:400}
.stage .lpanel .file .d{width:6px;height:6px;border-radius:50%;background:var(--mut);margin-left:2px}
.stage .lpanel .file.on{background:#F1F1EC}
.stage .lpanel .file .d.ai{background:var(--ai);box-shadow:0 0 0 3px var(--ai-soft)}
.stage .lpanel .find{margin:0 8px;height:28px;border-radius:8px;background:#F3F3EF;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:12px;color:#A0A0A6}
.stage .lpanel .find svg{width:13px;height:13px}
.stage .lpanel .tree{padding:4px 0;overflow:hidden}
.stage .lpanel .row{display:flex;align-items:center;gap:7px;height:27px;padding:0 8px 0 22px;font-size:11.5px;color:var(--t2);white-space:nowrap}
.stage .lpanel .row.l1{padding-left:38px}
.stage .lpanel .row.l2{padding-left:54px}
.stage .lpanel .row.l3{padding-left:70px}
.stage .lpanel .row svg{width:14px;height:14px;flex-shrink:0;color:#6B6B72}
.stage .lpanel .row .chev{width:12px;height:12px;color:var(--mut);margin-left:-16px;margin-right:0}
.stage .lpanel .row .nm{overflow:hidden;text-overflow:ellipsis}
.stage .lpanel .row .tail{margin-left:auto;display:flex;gap:8px;color:#B5B5BB}
.stage .lpanel .row .tail svg{width:13px;height:13px;color:#B5B5BB}
.stage .lpanel .row.on{background:#EEF3FF;color:var(--ink)}
.stage .lpanel .row.on .nm{font-weight:500}
.stage .lpanel .row.ai{background:linear-gradient(90deg,var(--ai-soft),transparent 80%);color:var(--ink)}
.stage .lpanel .row.ai::after{content:"✦";color:var(--ai);font-size:11px;margin-left:auto}
.stage .lpanel .row.grp{color:var(--ink);font-weight:500}
.stage .lpanel .row .kd{font-size:8.5px;border-radius:3px;padding:1px 4px;background:#E9E9E3;color:#52525A;font-weight:600;letter-spacing:.03em;margin-left:auto;flex-shrink:0}
.stage .lpanel .row.ai .kd{margin-left:6px}
.stage .lpanel .row .cnt{font-size:10px;color:var(--mut);margin-left:4px}
.stage .rpanel{position:absolute;right:40px;top:0;bottom:0;width:360px;background:#fff;border-left:1px solid rgba(0,0,0,.08);z-index:58;display:flex;flex-direction:column;overflow:hidden}
.stage .rpanel .hd{height:50px;padding:12px 14px 10px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink)}
.stage .rpanel .hd .sp{width:16px;height:16px;color:var(--ai)}
.stage .rpanel .hd .r{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--mut);font-size:11px;font-weight:400}
.stage .rpanel .hd .r svg{width:14px;height:14px}
.stage .rpanel .hd .st{width:7px;height:7px;border-radius:50%;background:#C9C9C2;display:inline-block}
.stage .rpanel .hd .st.live{background:var(--ai);box-shadow:0 0 0 3px var(--ai-soft)}
.stage .rpanel .wp{padding:0 14px 8px;display:flex;flex-direction:column;gap:6px}
.stage .rpanel .wp .pill{align-self:flex-start;height:30px;border-radius:999px;background:#fff;border:1px solid var(--line2);padding:0 11px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px;color:var(--ink)}
.stage .rpanel .wp .pill svg{width:14px;height:14px}
.stage .rpanel .wp .pill .n{background:var(--ai);color:#fff;border-radius:999px;font-size:10px;padding:1px 6px;font-weight:600}
.stage .rpanel .wp .cap{font-size:10.5px;color:var(--mut);line-height:1.45}
.stage .rpanel .thread{flex:1;padding:6px 14px 10px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.stage .thread .u{align-self:flex-end;max-width:296px;background:#F3F3F1;border-radius:18px 18px 6px 18px;padding:9px 13px;font-size:13.5px;line-height:1.5;color:var(--ink)}
.stage .thread .u .who{font-size:10.5px;color:var(--mut);margin-bottom:3px;display:flex;gap:6px;align-items:center;justify-content:flex-end}
.stage .thread .a{font-size:13.5px;line-height:1.55;color:var(--ink);max-width:344px}
.stage .thread .a b{font-weight:600}
.stage .thread .a .who{font-size:10.5px;color:var(--mut);margin-bottom:4px;display:flex;gap:6px;align-items:center}
.stage .thread .a .who .sp{width:11px;height:11px;color:var(--ai)}
.stage .thread .at{color:var(--ai);font-weight:600}
.stage .thread .dev{font-size:9.5px;background:#E9E9E3;border-radius:4px;padding:1px 5px;color:var(--t2);font-weight:500}
.stage .thread .tool{margin-top:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:12.5px;color:var(--t2);display:flex;align-items:center;gap:8px;line-height:1.4}
.stage .thread .tool svg{width:14px;height:14px;flex-shrink:0;color:var(--t2)}
.stage .thread .tool .s{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--ok);white-space:nowrap}
.stage .thread .tool.live .s{color:var(--ai)}
.stage .thread .tool.wait .s{color:var(--mut)}
.stage .thread .tool.err .s{color:var(--err)}
.stage .thread .tool .s::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:1px}
.stage .thread .tool.live .s::before{box-shadow:0 0 0 3px var(--ai-soft)}
.stage .thread .plan{margin-top:7px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.stage .thread .plan .ph{padding:7px 10px;font-size:11px;font-weight:600;color:var(--mut);letter-spacing:.04em;border-bottom:1px solid #F0F0EB;display:flex;justify-content:space-between}
.stage .thread .plan .pr{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;color:var(--ink);border-bottom:1px solid #F5F5F1}
.stage .thread .plan .pr:last-child{border-bottom:0}
.stage .thread .plan .pr i{width:14px;height:14px;border-radius:4px;border:1.5px solid #C9C9C2;display:inline-block;flex-shrink:0;font-style:normal;font-size:10px;line-height:11px;text-align:center;color:#fff}
.stage .thread .plan .pr.done i{background:var(--ok);border-color:var(--ok)}
.stage .thread .plan .pr.live i{border-color:var(--ai);background:var(--ai-soft)}
.stage .thread .plan .pr .ag{margin-left:auto;font-size:10.5px;color:var(--ai);font-weight:600;white-space:nowrap}
.stage .thread .plan .pr .ag.h{color:var(--t2)}
.stage .thread .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.stage .thread .chips span{font-size:11.5px;border:1px solid #DEDED8;border-radius:999px;padding:4px 10px;background:#fff;color:var(--ink)}
.stage .thread .chips span.p{background:var(--ink);color:#fff;border-color:var(--ink)}
.stage .thread .fc{margin-top:7px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.stage .thread .fc .fi{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stage .thread .fc .fi svg{width:15px;height:15px}
.stage .thread .fc .ft{font-size:12.5px;font-weight:500;color:var(--ink);line-height:1.3}
.stage .thread .fc .fk{font-size:10.5px;color:var(--mut)}
.stage .thread .fc .go{margin-left:auto;font-size:10.5px;color:var(--ai);font-weight:600;white-space:nowrap}
.stage .thread .see{margin-top:7px;border:1px dashed #CFCFC8;border-radius:10px;padding:7px 10px;font-size:11.5px;color:var(--t2);display:flex;flex-direction:column;gap:3px;background:rgba(255,255,255,.6)}
.stage .thread .see b{color:var(--ink);font-weight:600}
.stage .thread .see .k{color:var(--mut);display:inline-block;width:64px}
.stage .rpanel .composer{margin:10px 14px 14px;background:#fff;border-radius:26px;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 28px rgba(26,26,29,.10),0 1px 2px rgba(0,0,0,.04);padding:16px 16px 12px 18px}
.stage .composer .ph{font-size:15px;color:#9A9AA0;line-height:1.45;min-height:50px}
.stage .composer .ph.typed{color:var(--ink)}
.stage .composer .ph .caret{display:inline-block;width:1.5px;height:17px;background:var(--ink);vertical-align:-3px;margin-left:1px}
.stage .composer .row{display:flex;align-items:center;gap:16px;margin-top:4px}
.stage .composer .chip{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.stage .composer .chip svg{width:16px;height:16px;color:var(--ink)}
.stage .composer .ico{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--t2)}
.stage .composer .ico svg{width:20px;height:20px}
.stage .composer .send{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;margin-left:-4px}
.stage .composer .send svg{width:19px;height:19px}
.stage .slash{position:absolute;background:#fff;border-radius:12px;box-shadow:0 12px 36px rgba(26,26,29,.16),0 0 0 1px rgba(0,0,0,.05);width:300px;overflow:hidden;z-index:70}
.stage .slash .sh{padding:8px 12px;font-size:10.5px;font-weight:600;color:var(--mut);letter-spacing:.06em;border-bottom:1px solid #F0F0EB}
.stage .slash .si{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;color:var(--ink)}
.stage .slash .si.on{background:#F3F3EF}
.stage .slash .si code{font-family:"Cascadia Mono",Consolas,monospace;font-size:12px;color:var(--ai);font-weight:600;min-width:112px}
.stage .slash .si small{color:var(--mut);font-size:11px;margin-left:auto;white-space:nowrap}
.stage .edge{position:absolute;right:0;top:0;bottom:0;width:40px;background:#fff;border-left:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:62}
.stage .edge .ic{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6B6B72}
.stage .edge .ic.on{background:rgba(26,26,29,.09);color:var(--ink)}
.stage .edge .ic svg{width:17px;height:17px}
.stage .session{position:absolute;left:50%;top:28px;transform:translateX(-50%);display:flex;align-items:center;z-index:56}
.stage .session .pill{position:absolute;right:calc(100% + 8px);top:13px;height:22px;border-radius:999px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:3px 9px;font-size:11px;font-weight:500;color:var(--mut);display:flex;align-items:center;gap:6px;white-space:nowrap}
.stage .session .pill svg{width:11px;height:11px;color:var(--ai)}
.stage .session .cluster{height:48px;display:flex;align-items:center;gap:4px;padding:0 4px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(34,36,40,.08)}
.stage .session .cluster .me{height:30px;padding:0 4px 0 2px;border-radius:14px;display:flex;align-items:center;gap:3px;color:var(--ink)}
.stage .session .cluster .avs{display:flex;align-items:center;flex:none}
.stage .session .cluster .avs .p{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-7px;box-shadow:0 1px 3px rgba(0,0,0,.15);color:#fff;font-size:9.5px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none;background:#3A3A3F}
.stage .session .cluster .avs .p:first-child{margin-left:0}
.stage .session .cluster .avs .p.ai{background:var(--ai-soft);color:var(--ai);box-shadow:0 0 0 1px #DDD6FF}
.stage .session .cluster .avs .p.more{background:#333;color:#ddd}
.stage .session .cluster .me svg{width:14px;height:14px}
.stage .session .cluster .av{width:26px;height:26px;border-radius:50%;background:#3A3A3F;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}
.stage .session .cluster .chev{width:14px;height:14px;color:var(--ink);margin-left:-2px;margin-right:2px}
.stage .session .cluster .ib{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#1A1B1E}
.stage .session .cluster .ib.on{width:32px;height:32px;background:#E9EAEF;color:#1A1B1E;margin:0 4px}
.stage .session .cluster .ib svg{width:20px;height:20px}
.stage .session .cluster .share{height:32px;padding:0 12px;border-radius:4px;background:#3859FF;color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center}
.stage .session .cluster .tag{font-size:11px;color:var(--mut);padding:0 6px 0 4px}
.stage .presence{position:absolute;top:14px;right:430px;display:flex;z-index:59}
.stage .presence .p{width:28px;height:28px;border-radius:50%;border:2px solid #fff;margin-left:-6px;box-shadow:0 1px 4px rgba(0,0,0,.18);color:#fff;font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center}
.stage .presence .p.ai{background:var(--ai-soft);color:var(--ai);border-color:#fff;box-shadow:0 0 0 1px #DDD6FF}
.stage .presence .p.more{background:#333;color:#ddd}
.stage .toolbar{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:stretch;height:48px;background:#fff;border-radius:13px;box-shadow:0 0 .5px rgba(0,0,0,.18),0 3px 8px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1);z-index:57;color:#1A1A1D}
.stage .toolbar .row{display:flex;align-items:center;padding:0 8px;gap:8px}
.stage .toolbar .slot{display:flex;align-items:center;gap:1px}
.stage .toolbar .t{width:32px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#1A1A1D}
.stage .toolbar .t svg{width:20px;height:20px}
.stage .toolbar .t.on{background:#4A4A50;color:#fff}
.stage .toolbar .t.sticky{width:48px;height:48px;border-radius:0}
.stage .toolbar .t.sticky svg{width:48px;height:48px}
.stage .toolbar .chev{width:16px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#1A1A1D}
.stage .toolbar .chev svg{width:12px;height:12px}
.stage .toolbar .divider{width:1px;background:#E6E6E6;align-self:stretch}
.stage .toolbar .modes{margin:8px;height:28px;padding:2px;gap:2px;display:flex;background:#F5F5F5;border-radius:5px}
.stage .toolbar .m{width:24px;height:24px;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#1A1A1D}
.stage .toolbar .m.on{background:#fff}
.stage .toolbar .m svg{width:16px;height:16px}
.stage .card{position:absolute;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(26,26,29,.10),0 8px 24px rgba(26,26,29,.06);overflow:hidden}
.stage .card img{display:block;width:100%;height:100%;object-fit:cover}
.stage .section{position:absolute;border-radius:8px;background:#E6E6DF}
.stage .section .label{position:absolute;left:2px;top:-24px;font-size:13px;color:var(--t2);font-weight:500;display:flex;align-items:center;gap:6px}
.stage .section .label svg{width:13px;height:13px}
.stage .note{position:absolute;width:180px;padding:12px 14px;background:#FFF6B3;box-shadow:1px 3px 8px rgba(0,0,0,.10);font-size:13px;line-height:1.45;color:#3A3520;clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,0 100%)}
.stage .frame{position:absolute;background:#fff;box-shadow:0 1px 2px rgba(26,26,29,.08),0 10px 30px rgba(26,26,29,.08)}
.stage .frame .flabel{position:absolute;left:0;top:-24px;font-size:12.5px;color:var(--t2);display:flex;align-items:center;gap:6px;white-space:nowrap}
.stage .frame .flabel svg{width:13px;height:13px}
.stage .frame .flabel .kd{font-size:10px;border-radius:4px;padding:1px 5px;background:#E9E9E3;color:var(--t2);font-weight:600;letter-spacing:.04em}
.stage .ftile{position:absolute;background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(26,26,29,.08),0 10px 28px rgba(26,26,29,.08);overflow:hidden;display:flex;flex-direction:column}
.stage .ftile .fb{flex:1;overflow:hidden;background:#F7F7F3;position:relative}
.stage .ftile .fb img{display:block;width:100%;height:100%;object-fit:cover}
.stage .ftile .ff{height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border-top:1px solid #F0F0EB;font-size:12.5px;font-weight:500;color:var(--ink);background:#fff}
.stage .ftile .ff .ki{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stage .ftile .ff .ki svg{width:12px;height:12px;color:#fff}
.stage .ftile .ff .kd{margin-left:auto;font-size:10px;color:var(--mut);font-weight:600;letter-spacing:.04em}
.stage .ftile.live::after{content:"";position:absolute;inset:0;border:1.5px dashed var(--ai);border-radius:10px;pointer-events:none}
.stage .ki.board{background:#3A3A3F}
.stage .ki.design{background:#7C5CFF}
.stage .ki.deck{background:#E8A317}
.stage .ki.doc{background:#2F7BF5}
.stage .ki.proto{background:#0ACF83}
.stage .ki.img{background:#EA6A47}
.stage .ki.vid{background:#D946EF}
.stage .ki.skill{background:#1A1A1D}
.stage .sel{position:absolute;border:1.5px solid var(--c,#2F7BF5);pointer-events:none;z-index:50}
.stage .sel.ai{border-style:dashed}
.stage .sel i{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid var(--c,#2F7BF5);display:block}
.stage .sel i:nth-child(1){left:-5px;top:-5px}
.stage .sel i:nth-child(2){right:-5px;top:-5px}
.stage .sel i:nth-child(3){left:-5px;bottom:-5px}
.stage .sel i:nth-child(4){right:-5px;bottom:-5px}
.stage .sel .dim{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);background:var(--c,#2F7BF5);color:#fff;font-size:10.5px;padding:2px 6px;border-radius:4px;white-space:nowrap;font-weight:500}
.stage .cur{position:absolute;pointer-events:none;z-index:52}
.stage .cur svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.stage .cur .lb{position:absolute;top:18px;left:14px;padding:3px 7px;border-radius:4px;font-size:11.5px;font-weight:500;color:#fff;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.3);background:var(--c,#2F7BF5)}
.stage .cur.ai .lb{border-radius:999px;border:1.5px dashed var(--c);background:#fff;color:var(--c);display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px}
.stage .cur.ai .lb::before{content:"✦";font-size:10px}
.stage .cur.ai .lb .dots{display:inline-flex;gap:2px}
.stage .cur.ai .lb .dots i{width:3px;height:3px;border-radius:50%;background:var(--c);display:block;opacity:.7}
.stage .device{position:absolute;display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:4px 10px 4px 6px;font-size:11.5px;color:#3A3A3F;box-shadow:0 2px 8px rgba(26,26,29,.10),0 0 0 1px rgba(26,26,29,.05);z-index:51}
.stage .device s{width:16px;height:16px;border-radius:50%;text-decoration:none;display:inline-block}
.stage .device svg{width:12px;height:12px;color:var(--mut)}
.stage .anno{position:absolute;background:var(--ink);color:#fff;font-size:12px;font-weight:500;padding:5px 9px;border-radius:7px;z-index:53;box-shadow:0 4px 14px rgba(26,26,29,.18);white-space:nowrap;display:flex;align-items:center;gap:6px}
.stage .anno.ai{background:var(--ai)}
.stage .anno.soft{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(26,26,29,.12),0 0 0 1px rgba(26,26,29,.06)}
.stage .anno .n{width:16px;height:16px;border-radius:50%;background:#fff;color:var(--ink);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.stage .anno.ai .n{color:var(--ai)}
.stage .props{position:absolute;top:0;bottom:0;width:240px;background:#fff;border-left:1px solid rgba(0,0,0,.08);z-index:54;overflow:hidden;font-size:11px;color:rgba(0,0,0,.9)}
.stage .props .phd{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E6E6E6}
.stage .props .phd b{font-size:13px;font-weight:500;letter-spacing:-.03px;color:rgba(0,0,0,.9)}
.stage .props .phd .ics{display:flex;gap:2px}
.stage .props .phd .ics i,.stage .props .ib{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#5E5E67;font-style:normal}
.stage .props .phd .ics svg,.stage .props .ib svg{width:16px;height:16px}
.stage .props .sec{padding:0 16px 16px;border-bottom:1px solid #E6E6E6}
.stage .props .sec.thin{padding:0 16px;height:40px;display:flex;align-items:center;justify-content:space-between}
.stage .props .sec.thin .sh{height:auto;flex:1}
.stage .props .sec.dim .sh{color:rgba(0,0,0,.5)}
.stage .props .sh{height:40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;letter-spacing:.11px;color:rgba(0,0,0,.9)}
.stage .props .sh .ics{display:flex;gap:2px;margin-right:-4px}
.stage .props .sh .ics i{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.5);font-style:normal}
.stage .props .sh .ics svg{width:16px;height:16px}
.stage .props .sl{font-size:9px;font-weight:500;color:#73737A;letter-spacing:.045px;margin:0 0 3px}
.stage .props .sl.pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.stage .props .g2{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}
.stage .props .g2.ic{grid-template-columns:1fr 1fr 24px;align-items:center}
.stage .props .inp{height:24px;border-radius:5px;background:#F3F3F4;display:flex;align-items:center;padding:0 7px;font-size:11px;color:#202124;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid transparent}
.stage .props .inp span{color:rgba(0,0,0,.5);min-width:16px;flex-shrink:0;margin-right:2px}
.stage .props .inp.ai{border-color:var(--ai);background:var(--ai-soft)}
.stage .props .inp.focus{border-color:#2F7BF5;background:#fff}
.stage .props .segs{height:24px;border-radius:5px;background:#F3F3F4;display:flex}
.stage .props .segs i{flex:1;display:flex;align-items:center;justify-content:center;color:#A8A8AD;font-style:normal;border-radius:5px}
.stage .props .segs i svg{width:14px;height:14px}
.stage .props .segs i.on{color:#202124;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);margin:2px}
.stage .props .segs.act i{color:#73737C}
.stage .props .fr{display:flex;align-items:center;gap:8px;padding:4px 0 4px;margin:0 -8px 0 0}
.stage .props .fr .sw{width:32px;height:32px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0;background-size:cover;background-position:center}
.stage .props .fr .fx{flex:1;min-width:0}
.stage .props .fr .hex{font-size:11px;color:rgba(0,0,0,.9);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage .props .fr .sub{font-size:9px;color:rgba(0,0,0,.5);display:flex;align-items:center;gap:4px;margin-top:2px}
.stage .props .fr .sub b{font-weight:400;font-size:11px;color:rgba(0,0,0,.9);background:transparent;padding:0 8px 0 0}
.stage .props .fr .ics{display:flex;gap:6px;color:rgba(0,0,0,.5)}
.stage .props .fr .ics svg{width:14px;height:14px}
.stage .props .row{display:flex;align-items:center;gap:8px;height:32px;padding:0 0 0 8px}
.stage .props .row .lb{font-size:11px;color:rgba(0,0,0,.5);width:88px;flex-shrink:0}
.stage .props .row .inp{flex:1;background:#F5F5F5}
.stage .props .row .sel{flex:1;height:24px;border-radius:5px;background:#F5F5F5;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:11px;color:var(--ink)}
.stage .props .row .sel svg{width:12px;height:12px;color:var(--ink)}
.stage .props .note{position:static;width:auto;clip-path:none;box-shadow:none;margin-top:10px;font-size:10.5px;color:var(--ai);background:var(--ai-soft);border-radius:6px;padding:7px 9px;line-height:1.45}
.stage .props .tabs{position:relative;height:36px;display:flex;border-bottom:1px solid #E6E6E6;font-size:12px}
.stage .props .tabs span{flex:1;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.5)}
.stage .props .tabs span.on{color:rgba(0,0,0,.9);font-weight:500;box-shadow:inset 0 -2px 0 rgba(0,0,0,.9)}
.stage .props.pres{width:240px}
.stage .props.pres .sh{height:41px;padding:0}
.stage .props.pres .sec{padding:0 16px 12px}
.stage .props.pres .prow{display:flex;align-items:center;gap:8px;height:24px;margin-bottom:8px}
.stage .props.pres .prow .lb{font-size:11.5px;color:rgba(0,0,0,.5);width:66px;flex-shrink:0}
.stage .props.pres .prow .inp{flex:1;background:#F5F5F5;font-size:12px}
.stage .props.pres .prow .sel{flex:1;height:24px;border-radius:5px;background:#F5F5F5;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:11px;color:var(--ink)}
.stage .props.pres .prow .sel.short{flex:0 0 104px;margin-left:auto}
.stage .props.pres .prow .sel svg{width:12px;height:12px}
.stage .props.pres .prow .val{width:52px;height:24px;border-radius:5px;background:#F5F5F5;display:flex;align-items:center;padding:0 8px;font-size:12px;color:var(--ink)}
.stage .props.pres .prow .sld{flex:1;height:3px;border-radius:2px;background:linear-gradient(90deg,#1E9BFF 0 100%);position:relative;margin:0 8px 0 4px}
.stage .props.pres .prow .sld::after{content:"";position:absolute;right:-6px;top:-6px;width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid #1E9BFF}
.stage .props.pres .chk{display:flex;align-items:center;gap:8px;height:30px;font-size:11px;color:#8A8A93}
.stage .props.pres .chk i{width:13px;height:13px;border:1.5px solid #8A8A93;border-radius:3px;display:inline-block}
.stage .props.pres .ta{height:72px;border-radius:6px;border:1px solid rgba(0,0,0,.08);background:#F5F5F5;padding:7px 9px;font-size:11px;color:#8A8A93;line-height:1.45}
.stage .props.pres .ta.filled{color:var(--ink)}
.stage .lpanel.doc .toc{padding:4px 0}
.stage .lpanel.doc .toc .h{display:flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 14px;font-size:12px;color:var(--t2);white-space:nowrap;position:relative}
.stage .lpanel.doc .toc .h .n{font-size:10px;color:var(--mut);width:22px;flex-shrink:0;font-variant-numeric:tabular-nums}
.stage .lpanel.doc .toc .h.h1{color:var(--ink);font-weight:600;font-size:12.5px}
.stage .lpanel.doc .toc .h.h2{padding-left:26px}
.stage .lpanel.doc .toc .h.h3{padding-left:40px;color:var(--mut)}
.stage .lpanel.doc .toc .h.on{color:var(--ink);font-weight:500}
.stage .lpanel.doc .toc .h.on::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--ink)}
.stage .lpanel.doc .toc .h.ai::after{content:"✦";color:var(--ai);font-size:10px;margin-left:auto}
.stage .lpanel.doc .toc .h .cnt{margin-left:auto;font-size:10px;color:var(--mut)}
.stage .menubar{position:absolute;left:0;top:0;right:0;height:36px;background:#fff;border-bottom:1px solid #EBEBE6;display:flex;align-items:center;gap:6px;padding:0 12px;z-index:70;font-size:12.5px;color:var(--t2)}
.stage .menubar .logo{width:26px;height:26px;border-radius:7px;background:#1F1F23;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;margin-right:8px}
.stage .menubar .m{padding:0 8px;display:flex;align-items:center;gap:3px}
.stage .menubar .m svg{width:11px;height:11px;color:var(--mut)}
.stage .menubar .doc{margin-left:14px;font-size:13.5px;font-weight:600;color:var(--ink)}
.stage .menubar .seg{margin-left:auto;display:flex;background:#F3F3EF;border-radius:8px;padding:3px;gap:2px;font-size:12px}
.stage .menubar .seg span{padding:3px 12px;border-radius:6px;color:var(--mut)}
.stage .menubar .seg span.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08);font-weight:500}
.stage .menubar .right{margin-left:auto;display:flex;align-items:center;gap:8px}
.stage .menubar .av{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}
.stage .menubar .btn{height:30px;padding:0 14px;border-radius:8px;border:1px solid #E1E1DA;background:#fff;font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px}
.stage .menubar .btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.stage .menubar .btn svg{width:13px;height:13px}
.stage .menubar .ib{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--t2)}
.stage .menubar .ib svg{width:16px;height:16px}
.stage .ptoolbar{position:absolute;left:0;top:36px;right:0;height:40px;background:#fff;border-bottom:1px solid #EBEBE6;display:flex;align-items:center;gap:2px;padding:0 16px;z-index:69}
.stage .ptoolbar .t{width:34px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#3A3A3F}
.stage .ptoolbar .t svg{width:17px;height:17px}
.stage .ptoolbar .t.on{background:#1F1F23;color:#fff}
.stage .ptoolbar .sep{width:1px;height:20px;background:#E6E6E0;margin:0 8px}
.stage .pleft{position:absolute;left:0;top:76px;bottom:0;width:240px;background:#fff;border-right:1px solid #EBEBE6;z-index:60;display:flex;flex-direction:column}
.stage .pleft .lab{padding:12px 10px 6px;font-size:11px;font-weight:500;color:var(--mut);display:flex;justify-content:space-between;align-items:center}
.stage .pleft .lab svg{width:13px;height:13px}
.stage .pleft .master{margin:0 8px;height:26px;border-radius:6px;background:#F3F3EF;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:12px;color:var(--t2)}
.stage .pleft .thumbs{padding:10px 8px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.stage .pleft .th{display:flex;gap:8px;align-items:flex-start}
.stage .pleft .th .n{width:14px;font-size:11px;color:var(--mut);text-align:right;padding-top:2px}
.stage .pleft .th .box{width:196px;height:110px;background:#fff;border:1px solid #E1E1DA;border-radius:4px;overflow:hidden;position:relative}
.stage .pleft .th.on .box{outline:2px solid var(--blue);outline-offset:1px}
.stage .pleft .th.ai .box{outline:2px dashed var(--ai);outline-offset:1px}
.stage .pleft .layers{margin-top:auto;border-top:1px solid #EBEBE6;padding-bottom:8px}
.stage .pcanvas{position:absolute;left:240px;top:76px;right:640px;bottom:0;background:var(--bg);z-index:1}
.stage .slide{position:absolute;z-index:2;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08),0 12px 40px rgba(0,0,0,.08);overflow:hidden}
.stage .zoombar{position:absolute;left:254px;bottom:14px;height:30px;border-radius:999px;background:#fff;border:1px solid #E6E6E0;display:flex;align-items:center;gap:14px;padding:0 12px;font-size:12px;color:var(--t2);z-index:61}
.stage .zoombar svg{width:13px;height:13px}
.stage .palette{position:absolute;left:52px;top:428px;width:40px;background:#fff;border-radius:12px;box-shadow:0 4px 18px rgba(26,26,29,.12),0 0 0 1px rgba(26,26,29,.05);padding:6px 5px;display:flex;flex-direction:column;gap:4px;z-index:56}
.stage .palette .t{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3A3A3F}
.stage .palette .t svg{width:16px;height:16px}
.stage .palette .t.on{background:#3A3A3F;color:#fff}
.stage .palette.p2{top:672px;padding:5px}
.stage .artboard{position:absolute;background:#fff;border:1.5px solid #1A1A1D;overflow:hidden}
.stage .artboard .alabel{position:absolute;left:0;top:-24px;font-size:12.5px;color:var(--t2);display:flex;gap:8px;align-items:center;white-space:nowrap}
.stage .artboard .alabel .bp{font-size:10px;background:#E9E9E3;border-radius:4px;padding:1px 6px;color:var(--t2);font-weight:600}
.stage .promptbar{position:absolute;left:50%;transform:translateX(-50%);bottom:22px;width:640px;background:#fff;border-radius:20px;box-shadow:0 8px 28px rgba(26,26,29,.14),0 0 0 1px rgba(26,26,29,.05);padding:12px 16px 10px;z-index:57}
.stage .promptbar .ctx{display:inline-flex;align-items:center;gap:6px;background:#EEF3FF;color:var(--blue);font-size:11px;font-weight:500;border-radius:999px;padding:3px 9px;margin-bottom:8px}
.stage .promptbar .ph{font-size:13.5px;color:#9A9AA0}
.stage .promptbar .row{display:flex;align-items:center;gap:14px;margin-top:10px;color:var(--t2);font-size:12.5px}
.stage .promptbar .row svg{width:15px;height:15px}
.stage .promptbar .row .mdl{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--t2)}
.stage .promptbar .row .send{width:28px;height:28px;border-radius:50%;background:#E4E4DF;display:flex;align-items:center;justify-content:center;color:#fff}
.stage .topright{position:absolute;right:16px;top:16px;display:flex;align-items:center;gap:8px;z-index:56}
.stage .topright .pillav{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:3px 10px 3px 4px;box-shadow:0 2px 10px rgba(26,26,29,.10),0 0 0 1px rgba(26,26,29,.05)}
.stage .topright .pillav .av{width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}
.stage .topright .pillav svg{width:12px;height:12px;color:var(--t2)}
.stage .topright .share{background:var(--ink);color:#fff;font-weight:600;font-size:13px;border-radius:999px;padding:8px 16px}
.stage .doctitle{position:absolute;font-size:13px;font-weight:500;color:var(--t2);z-index:3}
.stage .sheet{position:absolute;background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 12px 40px rgba(0,0,0,.07);padding:56px 72px;font-size:15px;line-height:1.7;color:#2B2B30;overflow:hidden}
.stage .sheet h1{font-size:34px;line-height:1.2;font-weight:600;color:var(--ink);margin-bottom:6px;letter-spacing:-.01em}
.stage .sheet .meta{font-size:12.5px;color:var(--mut);margin-bottom:26px;display:flex;gap:14px;align-items:center}
.stage .sheet .meta .av{display:inline-flex;gap:0}
.stage .sheet .meta .av i{width:18px;height:18px;border-radius:50%;border:1.5px solid #fff;margin-left:-5px;display:inline-block}
.stage .sheet h2{font-size:20px;font-weight:600;color:var(--ink);margin:22px 0 8px}
.stage .sheet p{margin-bottom:10px}
.stage .sheet ul{padding-left:20px;margin-bottom:10px}
.stage .sheet li{margin-bottom:3px}
.stage .sheet .chk{list-style:none;padding-left:0}
.stage .sheet .chk li{display:flex;gap:9px;align-items:flex-start}
.stage .sheet .chk li i{width:16px;height:16px;border-radius:4px;border:1.5px solid #C9C9C2;flex-shrink:0;margin-top:5px;display:inline-block;font-style:normal;font-size:11px;line-height:13px;text-align:center;color:#fff}
.stage .sheet .chk li.d i{background:var(--ok);border-color:var(--ok)}
.stage .sheet table{border-collapse:collapse;width:100%;font-size:13.5px;margin:6px 0 12px}
.stage .sheet th,.stage .sheet td{border:1px solid #E6E6E0;padding:7px 10px;text-align:left;vertical-align:top}
.stage .sheet th{background:#F7F7F3;font-weight:600;color:var(--ink)}
.stage .sheet .callout{background:#F5F2FF;border-left:3px solid var(--ai);border-radius:6px;padding:10px 14px;margin:8px 0 12px;font-size:14px}
.stage .sheet .embed{border:1px solid #E6E6E0;border-radius:10px;overflow:hidden;margin:10px 0 14px;position:relative}
.stage .sheet .embed .eh{height:30px;background:#F7F7F3;border-bottom:1px solid #EBEBE6;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:11.5px;color:var(--t2)}
.stage .sheet .embed .eh .ki{width:16px;height:16px;border-radius:4px}
.stage .sheet .embed .eh .kd{margin-left:auto;font-size:10px;color:var(--mut);font-weight:600}
.stage .sheet .embed img{display:block;width:100%}
.stage .sheet .ai-run{position:absolute;right:20px;top:20px;display:inline-flex;align-items:center;gap:6px;background:var(--ai-soft);color:var(--ai);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}
.stage .sheet mark.ai{background:linear-gradient(transparent 55%,#E5DEFF 55%);color:inherit}
.stage .blockbar{position:absolute;display:flex;gap:2px;background:#fff;border-radius:10px;box-shadow:0 6px 20px rgba(26,26,29,.14),0 0 0 1px rgba(26,26,29,.05);padding:4px;z-index:40}
.stage .blockbar .t{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#3A3A3F;font-size:12px;font-weight:600}
.stage .blockbar .t svg{width:15px;height:15px}
.stage .blockbar .t.on{background:#1F1F23;color:#fff}
.stage .blockbar .sep{width:1px;height:20px;background:#E6E6E0;margin:5px 4px}