:root{--bg:#0b0c10;--bg2:#101116;--panel:#14151b;--panel2:#1a1b22;--line:#262832;--line2:#343643;--tx:#eceae4;--tx2:#b3b0a8;--sub:#807e75;--faint:#5c5b55;--amber:#f5a623;--amber2:#ffb84d;--amber-ink:#1a1204;--signal:#2dd4bf;--red:#e4655f;--red-bg:#2a1c1b;--blue:#4cc3ff;--mono:"JetBrains Mono", "Cascadia Code", Consolas, monospace;--sans:Pretendard, "Pretendard Variable", -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;--glow:0 0 12px #f5a62373;--grid:#1b1c24;--ghost:#0b0c10bd}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f4;--bg2:#fff;--panel:#fff;--panel2:#f1f3f7;--line:#dde1e6;--line2:#c7cdd6;--tx:#1a1a1a;--tx2:#44546a;--sub:#5d667b;--faint:#9aa1ad;--amber:#f5a623;--amber2:#b47a09;--amber-ink:#1a1204;--signal:#0d6a60;--red:#dc2626;--red-bg:#fdecec;--blue:#2f5da8;--glow:0 0 10px #f5a62359;--grid:#e4e7ec;--ghost:#eef0f4b8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--tx);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{border:2px solid var(--bg2);background:#2e3040;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#3e4050}.app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(1200px 600px at 50% -200px, #f5a6230d, transparent 60%), var(--bg);grid-template:"top top top""left center right"1fr"bottom bottom bottom"52px/320px 1fr 360px;height:100%;display:grid}.app.ai-collapsed{grid-template-columns:320px 1fr 44px}.top{grid-area:top}.left{border-right:1px solid var(--line);flex-direction:column;grid-area:left;min-height:0;display:flex}.center{flex-direction:column;grid-area:center;min-width:0;min-height:0;display:flex}.right{border-left:1px solid var(--line);flex-direction:column;grid-area:right;min-height:0;display:flex}.bottom{border-top:1px solid var(--line);grid-area:bottom}.panel{background:var(--panel)}.hairline{border-bottom:1px solid var(--line)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--amber2);align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--amber);width:3px;height:10px;display:inline-block}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.sub{color:var(--sub)}.tx2{color:var(--tx2)}.amber{color:var(--amber2)}.red{color:var(--red)}.signal{color:var(--signal)}.row{align-items:center;gap:8px;display:flex}.grow{flex:1;min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{background:var(--panel2);border:1px solid var(--line2);color:var(--tx);white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;font-size:12px;line-height:1.2;transition:border-color .12s,background .12s,box-shadow .12s;display:inline-flex}.btn:hover{border-color:var(--amber)}.btn:active{background:#22232b}.btn:disabled{opacity:.4;cursor:default;border-color:var(--line2)}.btn.primary{background:var(--amber);color:var(--amber-ink);border-color:var(--amber);font-weight:700}.btn.primary:hover{box-shadow:var(--glow)}.btn.ghost{color:var(--tx2);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--tx);border-color:var(--line2)}.btn.sm{padding:3px 7px;font-size:11px}.btn.icon{padding:5px 7px}.btn.danger:hover{border-color:var(--red);color:var(--red)}.btn.active{border-color:var(--amber);color:var(--amber2);box-shadow:inset 0 -2px 0 var(--amber)}.field{grid-template-columns:96px 1fr;align-items:center;gap:6px 10px;padding:3px 0;display:grid}.field label{color:var(--sub);font-size:11px}.input,.select,.textarea{background:var(--bg2);border:1px solid var(--line2);color:var(--tx);outline:none;width:100%;padding:5px 8px;font-size:12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--amber);box-shadow:0 0 0 2px #f5a62326}.input.mono{font-family:var(--mono)}.input[type=number]{text-align:right;font-family:var(--mono)}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--sub) 50%), linear-gradient(135deg, var(--sub) 50%, transparent 50%);background-position:calc(100% - 14px) 12px,calc(100% - 9px) 12px;background-repeat:no-repeat;background-size:5px 5px;padding-right:24px}.textarea{resize:vertical;min-height:60px;font-family:var(--sans)}.check{color:var(--tx2);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.check input{accent-color:var(--amber)}.badge{letter-spacing:.04em;border:1px solid var(--amber);color:var(--amber2);align-items:center;gap:4px;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.badge.red{background:var(--red-bg);color:var(--red);border-color:#0000}.badge.dim{border-color:var(--line2);color:var(--sub)}.badge.signal{border-color:var(--signal);color:var(--signal)}.badge.fill{background:var(--amber);color:var(--amber-ink)}.hud{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:stretch;min-height:56px;display:flex}.hud>*{min-height:56px}.hud .logo{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-width:210px;padding:0 16px;display:flex}.hud .logo .name{letter-spacing:.02em;color:var(--tx);font-size:16px;font-weight:800;line-height:1.1}.hud .logo .name b{color:var(--amber)}.hud .logo .tag{letter-spacing:.14em;color:var(--sub);text-transform:uppercase;margin-top:2px;font-size:9.5px}.hud .project{border-right:1px solid var(--line);align-items:center;gap:8px;min-width:0;padding:0 14px;display:flex}.hud .project input{color:var(--tx);background:0 0;border:1px solid #0000;min-width:120px;max-width:260px;padding:4px 6px;font-size:13px;font-weight:600}.hud .project input:hover,.hud .project input:focus{border-color:var(--line2);background:var(--bg2);outline:none}.kpis{flex:auto;align-items:stretch;min-width:min(100%,800px);display:flex;overflow-x:auto}.kpi{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-width:92px;padding:0 14px;display:flex;position:relative}.kpi .k{letter-spacing:.12em;text-transform:uppercase;color:var(--sub);font-size:9.5px;font-weight:600}.kpi .v{font-family:var(--mono);color:var(--tx);align-items:baseline;gap:3px;font-size:18px;font-weight:700;line-height:1.1;display:flex}.kpi .v .u{color:var(--amber2);font-size:10px;font-weight:600}.kpi.hero .v{color:var(--amber);text-shadow:0 0 14px #f5a62359}.kpi.bad .v{color:var(--red)}.kpi.ok .v{color:var(--signal)}.kpi.editable .k:after{content:" · 입력";color:var(--amber2);letter-spacing:0;text-transform:none;font-weight:500}.kpi.editable .v input{border:1px solid var(--line2);width:64px;color:inherit;font:inherit;text-align:right;cursor:text;background:#ffffff0a;border-radius:3px;padding:1px 4px}.kpi.editable .v input:hover{border-color:var(--amber2)}.kpi.editable .v input:focus{border-color:var(--amber);background:#f5a62314;outline:none}[data-theme=light] .kpi.editable .v input{background:#00000008}.hud .actions{border-left:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;padding:0 12px;display:flex}.nav{flex:1;min-height:0;overflow:auto}.nav .unit{border-bottom:1px solid var(--line)}.nav .unit-h{cursor:pointer;background:var(--panel2);z-index:1;align-items:center;gap:6px;padding:6px 8px 6px 10px;display:flex;position:sticky;top:0}.nav .unit-h:hover{background:#1f2029}.nav .unit-h.sel{box-shadow:inset 3px 0 0 var(--amber)}.nav .unit-h .nm{font-size:12.5px;font-weight:700}.nav .caret{width:14px;color:var(--sub);text-align:center;font-size:10px}.nav .proc{cursor:pointer;color:var(--tx2);grid-template-columns:22px 1fr 44px 44px;align-items:center;gap:4px;padding:3px 8px 3px 24px;font-size:12px;display:grid}.nav .proc:hover{background:var(--panel2);color:var(--tx)}.nav .proc.sel{color:var(--tx);box-shadow:inset 3px 0 0 var(--amber);background:#1f2029}.nav .proc .ico{color:var(--sub);font-family:var(--mono);font-size:11px}.nav .proc .n{font-family:var(--mono);text-align:right;color:var(--sub);font-size:11px}.nav .proc.active{color:var(--amber2)}.nav .proc.active .ico{color:var(--amber);text-shadow:var(--glow)}.nav .proc.waiting{color:var(--red)}.nav-h{justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.nav-h .title{font-size:12px;font-weight:700}.inspector{border-top:1px solid var(--line);background:var(--bg2);height:46%;min-height:220px;padding:10px 12px 14px;overflow:auto}.inspector h3{align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.inspector .sec{border-top:1px dashed var(--line);margin-top:12px;padding-top:8px}.inspector .sec .eyebrow{margin-bottom:6px}.ov-table{border-collapse:collapse;width:100%;font-size:11px;font-family:var(--mono)}.ov-table td,.ov-table th{border-bottom:1px solid var(--line);text-align:right;padding:2px 4px}.ov-table th{color:var(--sub);font-weight:500}.ov-table td:first-child,.ov-table th:first-child{text-align:left}.profile{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.profile .cell{background:var(--panel);border:1px solid var(--line);padding:5px 7px}.profile .cell .k{color:var(--sub);letter-spacing:.06em;text-transform:uppercase;font-size:9.5px}.profile .cell .v{font-family:var(--mono);font-size:12px}.clist{flex-direction:column;gap:4px;display:flex}.citem{background:var(--panel);border:1px solid var(--line);cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:4px 6px;font-size:11px;display:grid}.citem:hover{border-color:var(--line2)}.citem.sel{border-color:var(--amber)}.citem .t{color:var(--sub);font-family:var(--mono);font-size:10px}.tabs{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:2px;padding:6px 10px;display:flex}.tab{color:var(--tx2);letter-spacing:.02em;border:1px solid #0000;padding:5px 12px;font-size:12px;font-weight:600}.tab:hover{color:var(--tx)}.tab.on{color:var(--amber2);border-color:var(--line2);background:var(--bg2);box-shadow:inset 0 -2px 0 var(--amber)}.tabs .spacer{flex:1}.center-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chart{background:var(--bg);flex:1;min-height:0;position:relative;overflow:auto}.chart-inner{display:flex;position:relative}.chart-labels{z-index:3;background:var(--panel);border-right:1px solid var(--line2);flex:0 0 230px;width:230px;position:sticky;left:0}.chart-labels .ruler{border-bottom:1px solid var(--line);height:28px;color:var(--sub);letter-spacing:.1em;text-transform:uppercase;background:var(--panel);z-index:2;align-items:center;padding:0 10px;font-size:10px;display:flex;position:sticky;top:0}.chart-labels .rl{color:var(--tx2);cursor:pointer;white-space:nowrap;border-bottom:1px solid #26283280;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:11.5px;display:flex;overflow:hidden}.chart-labels .rl.unit{background:var(--panel2);color:var(--tx);font-size:12px;font-weight:700}.chart-labels .rl.sel{color:var(--amber2);box-shadow:inset 3px 0 0 var(--amber)}.chart-labels .rl:hover{color:var(--tx)}.chart-labels .rl .d{font-family:var(--mono);color:var(--sub);margin-left:auto;font-size:10.5px}.chart-svg{display:block}.chart-tip{z-index:50;pointer-events:none;background:var(--panel2);border:1px solid var(--line2);min-width:200px;padding:8px 10px;font-size:11.5px;position:fixed;box-shadow:0 6px 24px #00000080}.chart-tip .t{margin-bottom:4px;font-weight:700}.chart-tip .r{color:var(--tx2);font-family:var(--mono);justify-content:space-between;gap:12px;font-size:11px;display:flex}.chart-toolbar{border-bottom:1px solid var(--line);background:var(--bg2);color:var(--sub);align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.legend{align-items:center;gap:10px;margin-left:auto;display:flex}.legend i{vertical-align:-1px;width:10px;height:10px;margin-right:4px;display:inline-block}.trend{border-top:1px solid var(--line);background:var(--panel);padding:10px 14px}.trend-h{color:var(--sub);align-items:center;gap:12px;margin-bottom:6px;font-size:11px;display:flex}.trend-h .title{color:var(--tx);font-size:12px;font-weight:700}.trend-full{flex:1;min-height:0;padding:14px;overflow:auto}.trend-card{background:var(--panel);border:1px solid var(--line);margin-bottom:12px;padding:12px 14px}.trend-card h4{margin:0 0 8px;font-size:12.5px}.ut{border-collapse:collapse;width:100%;font-size:11.5px}.ut th{text-align:left;color:var(--sub);border-bottom:1px solid var(--line2);letter-spacing:.06em;text-transform:uppercase;padding:4px 6px;font-size:10.5px;font-weight:600}.ut td{border-bottom:1px solid var(--line);font-family:var(--mono);padding:4px 6px}.ut td.name{font-family:var(--sans)}.ut tr.hot td{color:var(--red)}.bar-bg{background:var(--bg2);width:100%;height:6px;position:relative}.bar-fg{background:var(--amber);position:absolute;top:0;bottom:0;left:0}.studio{background:var(--bg);flex:1;min-height:0;position:relative}.studio canvas{width:100%;height:100%;display:block}.studio .overlay{pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:12px}.transport{background:var(--panel);align-items:center;gap:10px;height:52px;padding:0 14px;display:flex}.transport .time{font-family:var(--mono);letter-spacing:.02em;color:var(--tx);min-width:118px;font-size:20px;font-weight:700}.transport .time small{color:var(--sub);margin-left:4px;font-size:11px}.transport .scrub{flex:1;align-items:center;height:26px;display:flex;position:relative}.transport input[type=range]{width:100%;accent-color:var(--amber);cursor:pointer;height:4px}.transport .marks{pointer-events:none;height:6px;position:absolute;top:0;left:0;right:0}.transport .marks i{background:var(--line2);width:1px;height:6px;position:absolute;top:0}.transport .cyc{font-family:var(--mono);color:var(--amber2);text-align:right;min-width:90px;font-size:12px}.play{border:1px solid var(--line2);background:var(--panel2);width:34px;height:34px;color:var(--tx);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.play.on{background:var(--amber);color:var(--amber-ink);border-color:var(--amber);box-shadow:var(--glow)}.ai{background:var(--panel);flex-direction:column;height:100%;display:flex}.ai-h{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 10px;display:flex}.ai-h .title{font-size:12px;font-weight:700}.ai-msgs{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow:auto}.msg{max-width:100%}.msg .who{letter-spacing:.12em;text-transform:uppercase;color:var(--sub);margin-bottom:3px;font-size:9.5px;font-weight:600}.msg .body{white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.55}.msg.user .body{background:var(--bg2);border:1px solid var(--line);padding:7px 9px}.msg.assistant .body{padding:2px 0}.msg.assistant .who{color:var(--amber2)}.msg .actions{border:1px solid var(--line2);background:var(--bg2);margin-top:6px;padding:8px}.msg .actions .a{font-family:var(--mono);color:var(--tx2);padding:2px 0;font-size:11px}.ai-in{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.ai-in textarea{min-height:56px;max-height:160px}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--line2);color:var(--tx2);background:0 0;padding:2px 8px;font-size:11px}.chip:hover{border-color:var(--amber);color:var(--amber2)}.ai-key{color:var(--tx2);flex-direction:column;gap:8px;padding:10px;font-size:12px;display:flex}.ai-collapsed{writing-mode:vertical-rl;height:100%;color:var(--sub);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.ai-collapsed:hover{color:var(--amber2)}.thinking{align-items:center;gap:3px;display:inline-flex}.thinking i{background:var(--amber);width:5px;height:5px;animation:1s infinite blink;display:inline-block}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.toasts{z-index:100;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:64px;right:16px}.toast{background:var(--panel2);border:1px solid var(--line2);border-left:3px solid var(--amber);white-space:pre-wrap;max-width:420px;padding:8px 12px;font-size:12px;box-shadow:0 8px 24px #00000080}.toast.warn{border-left-color:var(--amber2)}.toast.error{border-left-color:var(--red)}.empty{height:100%;color:var(--sub);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.kbd{font-family:var(--mono);border:1px solid var(--line2);color:var(--sub);padding:0 4px;font-size:10px}.login{background:radial-gradient(900px 500px at 50% 30%, #f5a62312, transparent 60%), var(--bg);justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:var(--panel);border:1px solid var(--line2);width:360px;padding:28px 28px 24px;box-shadow:0 20px 60px #0009}.login-card .name{letter-spacing:.02em;font-size:26px;font-weight:800}.login-card .name b{color:var(--amber)}.login-card .tag{letter-spacing:.16em;text-transform:uppercase;color:var(--sub);margin-top:2px;font-size:10px}.login-card .input{padding:9px 10px;font-size:13px}.login-card .btn.primary{justify-content:center;padding:9px 12px}.popover{z-index:40;background:var(--panel2);border:1px solid var(--line2);flex-direction:column;gap:4px;width:380px;max-height:60vh;padding:10px;display:flex;position:absolute;top:34px;right:0;overflow:auto;box-shadow:0 12px 40px #0009}.popover .title{font-size:12px;font-weight:700}.scope-btn{background:var(--amber);color:var(--amber-ink);border:1px solid var(--amber);letter-spacing:.12em;box-shadow:var(--glow);align-items:center;gap:8px;padding:6px 16px;font-size:12.5px;font-weight:800;display:inline-flex}.scope-btn:hover{filter:brightness(1.08)}.scope-btn .play-ico{font-size:10px}.scope-btn.stale{color:var(--amber2);box-shadow:none;background:0 0}.scope-btn.pulse{animation:1.6s ease-in-out infinite scope-pulse}@keyframes scope-pulse{0%,to{box-shadow:0 0 10px #f5a62359}50%{box-shadow:0 0 22px #f5a623cc}}.tab-sep{background:var(--line2);width:1px;height:22px;margin:0 6px}.chart-empty{color:var(--sub);z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 24px;display:flex;position:absolute;inset:28px 0 0 230px}.chart-empty b{color:var(--amber2);letter-spacing:.1em;font-size:14px}.app.split{grid-template-columns:2fr 3fr 1fr;grid-template-areas:"top top top""sched studio right""bottom bottom bottom"}.app.split.ai-collapsed{grid-template-columns:2fr 3fr 44px}.app.split .sched{border-right:1px solid var(--line2);grid-area:sched;min-width:0;min-height:0;display:flex}.app.split .sched .left{border-right:1px solid var(--line);flex:0 0 260px;min-width:0}.app.split .sched .center{flex:1;min-width:0}.app.split .studio-area{flex-direction:column;grid-area:studio;min-width:0;min-height:0;display:flex}.app.split .chart-labels{flex-basis:180px;width:180px}.app.split .kpis .kpi{min-width:78px;padding:0 10px}body.popout{flex-direction:column;display:flex}.popout-root{flex-direction:column;flex:1;min-height:0;display:flex}.popout-top{background:var(--panel);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;height:38px;padding:0 12px;display:flex}.popout-top .name{letter-spacing:.01em;font-size:13px;font-weight:600}.popout-top .name b{color:var(--amber)}.popout .studio{flex:1}.studio3d{position:absolute;inset:0;overflow:hidden}.studio3d canvas{display:block}.lbl3d{font-family:var(--sans);color:var(--sub);text-align:center;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #0009;font-size:11px}.lbl3d b{color:var(--tx2);font-weight:700;display:block}.lbl3d span{font-size:10px;display:block}.lbl3d.on b{color:var(--tx)}.lbl3d.on span{color:var(--amber2)}.lbl3d.wait b,.lbl3d.wait span{color:var(--red)}:root[data-theme=light] .lbl3d{text-shadow:0 1px 2px #fffc}.view3d-bar{z-index:3;gap:4px;display:flex;position:absolute;top:10px;right:12px}.app.split .legend>span:not(:first-child){display:none}.vsplit{cursor:col-resize;z-index:20;touch-action:none;background:0 0;flex:0 0 8px;width:8px;height:100%;position:relative}.vsplit:before{content:"";position:absolute;inset:0 -4px}.vsplit:after{content:"";background:var(--line2);opacity:.6;width:2px;transition:background .12s,opacity .12s;position:absolute;top:0;bottom:0;left:3px}.vsplit:hover:after,.vsplit.drag:after{background:var(--amber);opacity:1}.right{position:relative}.right .vsplit-edge{position:absolute;top:0;bottom:0;left:-4px}.app.split .sched{position:relative}.lbl3d.id{letter-spacing:.04em;color:var(--bg);background:var(--amber);border-radius:3px;padding:1px 6px;font:600 11px JetBrains Mono,monospace}.lbl3d i{color:var(--amber);font-size:10px;font-style:normal;display:block}.studio-layout{display:flex;position:absolute;inset:0}.studio-layout canvas{flex:1;width:100%;min-width:0;height:100%;display:block}.layout-panel{border-left:1px solid var(--line);background:var(--panel);flex:0 0 300px;padding:10px 10px 16px;font-size:12px;overflow:auto}.layout-panel .field{grid-template-columns:64px 1fr}.path-row{border-top:1px solid var(--line);padding:5px 0}.dirpad{grid-template-rows:repeat(3,16px);grid-template-columns:repeat(3,16px);gap:1px;display:inline-grid}.dirpad .dirbtn{border:1px solid var(--line2);background:var(--panel2);width:16px;height:16px;color:var(--sub);cursor:pointer;padding:0;font-size:10px;line-height:14px}.dirpad .dirbtn:nth-child(4){grid-area:2/1}.dirpad .dirbtn:nth-child(5){grid-area:2/3}.dirpad .dirbtn:nth-child(6){grid-area:3/1}.dirpad .dirbtn:nth-child(7){grid-area:3/2}.dirpad .dirbtn:nth-child(8){grid-area:3/3}.dirpad .dirbtn.on{background:var(--amber);color:var(--bg);border-color:var(--amber)}.layout-views{flex-direction:column;flex:1;min-width:0;display:flex}.layout-view{min-height:0;position:relative}.layout-view canvas{width:100%;height:100%;display:block}.dirpad-z{grid-template-rows:repeat(2,16px);gap:1px;margin-left:2px;display:inline-grid}.dirpad-z .dirbtn{border:1px solid var(--line2);background:var(--panel2);width:22px;height:16px;color:var(--sub);cursor:pointer;padding:0;font-size:9px;line-height:14px}.dirpad-z .dirbtn.on{background:var(--amber);color:var(--bg);border-color:var(--amber)}.studio .chart-empty{pointer-events:none}.signalscope{z-index:30;background:var(--panel);border-left:1px solid var(--line);width:min(760px,92vw);padding:10px 14px 24px;font-size:12px;position:fixed;top:44px;bottom:0;right:0;overflow:auto;box-shadow:-12px 0 32px #00000059}.signalscope .ss-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.signalscope .panel-resize{cursor:ew-resize;z-index:2;background:0 0;width:7px;position:absolute;top:0;bottom:0;left:0}.signalscope .panel-resize:hover,.signalscope .panel-resize:active{background:linear-gradient(90deg, var(--amber) 0, transparent 100%);opacity:.6}.live-guide .lamp{background:var(--red);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block;box-shadow:0 0 6px #e4655f99}.live-guide .lamp.on{background:var(--amber);box-shadow:0 0 8px #f5a623e6}.live-guide .guide-step.done{border-color:var(--amber2)}.live-guide code{font-family:var(--mono);font-size:11px}.signalscope .ss-sec{border:1px solid var(--line);border-radius:6px;margin:8px 0;padding:6px 8px}.signalscope .ss-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.signalscope .ss-head .sub{margin-left:4px;font-size:11px}.signalscope .ss-arrow{color:var(--amber2);width:12px}.signalscope .ss-table{border-collapse:collapse;width:100%;margin-top:6px}.signalscope .ss-table th{text-align:left;color:var(--sub);border-bottom:1px solid var(--line);white-space:nowrap;padding:2px 4px;font-size:10.5px;font-weight:600}.signalscope .ss-table td{vertical-align:middle;padding:2px 4px}.signalscope .ss-table td.sub{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:10.5px;overflow:hidden}.signalscope .ss-table .input,.signalscope .ss-table .select{padding:2px 6px;font-size:11.5px}.signalscope .ss-table .mono{font-family:var(--mono)}.signalscope .ss-problems{border:1px solid var(--red);color:var(--red);border-radius:6px;margin-bottom:6px;padding:6px 8px;font-size:11px}.signalscope .ss-grp td{background:var(--bg2);cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid var(--line);padding:3px 6px;font-size:11px}.signalscope .ss-grp td .ss-arrow{width:12px;color:var(--sub);display:inline-block}.signalscope .ss-grp td:hover{color:var(--amber)}.scope-btn.live{letter-spacing:.06em}.scope-btn.live.off{color:var(--red);border-color:var(--red);box-shadow:none;background:0 0}.scope-btn.live.on{color:var(--amber2);border-color:var(--amber);background:0 0;box-shadow:0 0 12px #f5a62359}.scope-btn .lamp,.transport .lamp{background:var(--red);border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 6px #e4655f99}.scope-btn.live.on .lamp,.transport .lamp.on{background:var(--amber);animation:1.2s ease-in-out infinite lamp-pulse;box-shadow:0 0 10px #f5a623e6}@keyframes lamp-pulse{0%,to{opacity:1}50%{opacity:.45}}.scope-btn .sub-l{font-family:var(--mono);letter-spacing:0;opacity:.85;margin-left:8px;font-size:10.5px;font-weight:600}.transport.live .time small{margin-left:6px}