:root{--bg:#0b0e13;--sidebar:#101318;--panel:#12161c;--panel-dark:#101419;--border:#252b32;--border-soft:#20262c;--text:#eeefe9;--muted:#90979c;--dim:#626c74;--lime:#cdff72;--lime2:#a6dd51;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh;display:flex}.sidebar{width:235px;min-width:235px;min-height:100vh;border-right:1px solid #262c30;background:var(--sidebar);display:flex;flex-direction:column;padding:0 13px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;height:93px;padding:0 16px}.brand-mark{width:32px;height:32px;background:var(--lime);border-radius:9px;transform:rotate(-11deg);display:flex;flex-direction:column;justify-content:center;gap:3px;padding:7px}.brand-mark i{height:3px;border-radius:4px;background:#101418;display:block}.brand-mark i:nth-child(2){width:72%;align-self:end}.brand-mark i:nth-child(3){width:55%}.brand-mark i:nth-child(4){width:85%;align-self:end}.brand strong{display:block;font-size:18px;letter-spacing:-1.15px;line-height:1.1}.brand strong span{color:var(--lime)}.brand small{display:block;color:#6f7d7d;letter-spacing:1.2px;font-weight:800;font-size:8px;margin-top:6px}.workspace-select{display:flex;align-items:center;gap:10px;padding:11px 10px;border:1px solid #2a3033;border-radius:10px;background:#191d23;margin:0 3px 34px}.workspace-avatar,.user-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#394532;color:var(--lime);font-weight:800}.workspace-select strong,.user strong{font-size:11px;display:block;font-weight:650}.workspace-select small,.user small{color:#777f84;display:block;font-size:10px;margin-top:4px}.chevron{margin-left:auto;color:#828b92;font-size:19px}.sidebar-label{color:#646e75;font-size:9px;letter-spacing:1.4px;font-weight:750;margin:0 13px 14px}.second-label{margin-top:30px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{height:40px;width:100%;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left;display:flex;align-items:center;padding:0 13px;gap:11px;color:#9ba3aa;font-weight:580;font-size:12px}.nav-item:hover{background:#1e252a;color:var(--text)}.nav-item.active{background:#263027;color:var(--lime);border-color:#3f4d38}.nav-icon{width:17px;height:17px;display:grid;place-items:center}.nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.nav-shortcut{font-size:10px;color:#7f9a68;margin-left:auto}.nav-count{margin-left:auto;background:#242b2f;color:#a6b0b8;font-size:10px;padding:3px 6px;border-radius:4px}.side-bottom{margin-top:auto;padding-bottom:15px}.team-card{border:1px solid #394038;background:linear-gradient(135deg,#222b23,#172020);border-radius:12px;padding:16px;margin:0 2px 19px;position:relative;overflow:hidden}.team-card:after{content:'';position:absolute;width:85px;height:85px;border-radius:50%;right:-52px;top:-36px;background:#c9ff6430;filter:blur(15px)}.tiny-spark{display:block;color:var(--lime);font-size:20px;margin-bottom:13px}.team-card strong{display:block;font-size:12px}.team-card p{color:#a2aaa4;font-size:11px;line-height:1.7;margin:7px 0 13px}.team-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #3d513a;border-radius:5px;color:#b5d599;font-size:8px;font-weight:800;letter-spacing:.4px;padding:6px 7px}.team-pill span{height:5px;width:5px;background:var(--lime);border-radius:50%}.user{border-top:1px solid #262d32;padding:15px 5px 2px;display:flex;align-items:center;gap:9px}.user-avatar{background:#293139;color:#dbe6e8;font-size:11px}.user>span{margin-left:auto;color:#636b70}.app-body{min-width:0;flex:1}.topbar{height:68px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#0f1217}.crumb{font-size:11px;color:#747f84}.crumb span{padding:0 9px;color:#4d555a}.crumb strong{color:#e6e9e5;font-weight:620}.top-right{display:flex;align-items:center;gap:16px}.status{display:flex;align-items:center;gap:7px;font-size:10px;color:#a1b3a2}.status-dot,.live-dot,.stage-led{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--lime);box-shadow:0 0 9px #ccff7466}.top-divider{height:23px;width:1px;background:#2b3337}.top-ghost{color:#c3cbc9;border:0;background:transparent;font-size:11px;padding:9px 7px}.top-ghost:hover{color:var(--lime)}.top-ghost:first-letter{font-size:17px}.primary-btn{border:0;background:var(--lime);color:#111915;font-size:11px;font-weight:800;display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:7px}.primary-btn:hover,.export-btn:hover{background:#dcff9e}.primary-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}.main{padding:0 33px;max-width:1850px;margin:auto}.page-head{padding:35px 1px 33px;display:flex;justify-content:space-between;gap:15px;align-items:flex-end}.eyebrow{color:var(--lime);font-size:9px;letter-spacing:1.9px;font-weight:800;display:flex;align-items:center;gap:10px}.eyebrow-line{height:1px;width:23px;background:var(--lime)}.eyebrow-dot{font-size:13px;color:#b2c196;margin-left:4px}.page-head h1{font-weight:590;font-size:34px;line-height:1.13;letter-spacing:-1.4px;margin:12px 0 10px}.page-head h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--lime);letter-spacing:-1.2px}.page-head p{color:#929da3;font-size:12px;margin:0;letter-spacing:.1px}.head-right{display:flex;align-items:center;gap:14px;padding-bottom:6px}.head-chip{font-size:9px;color:#aab69e;letter-spacing:1px;font-weight:800;border:1px solid #323b31;background:#1a231c;border-radius:5px;padding:9px 11px}.head-chip:first-letter{color:var(--lime)}.icon-circle{width:30px;height:30px;border-radius:50%;border:1px solid #344043;background:transparent;color:#bec8c6}.studio-grid{display:grid;grid-template-columns:minmax(242px,280px) minmax(430px,1fr) minmax(235px,265px);gap:13px;align-items:stretch}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0}.settings-panel{display:flex;flex-direction:column}.panel-header{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-bottom:1px solid var(--border)}.panel-title{font-weight:800;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.panel-accent{background:var(--lime);height:9px;width:3px;border-radius:3px}.more-btn{color:#a1abb0;border:1px solid #353b43;background:#1b2026;border-radius:5px;width:25px;height:25px;font-size:16px}.more-btn:hover{color:var(--lime)}.tabbar{display:flex;border-bottom:1px solid var(--border);padding:7px 12px 0;gap:1px}.tab{border:0;background:transparent;color:#79858b;padding:10px 12px 12px;font-size:11px;font-weight:700;border-bottom:2px solid transparent}.tab.active{color:var(--lime);border-color:var(--lime)}.tab:hover{color:#e3e8e2}.pane{display:none;padding:21px 17px 8px;min-height:455px}.pane.active{display:block}.field{margin-bottom:19px}.field label{display:block;color:#c0c6c7;font-size:10px;font-weight:700;margin-bottom:9px}.field input:not([type=range]):not([type=color]),.field textarea,.field select{background:#0d1116;border:1px solid #2d363c;color:#eff0eb;border-radius:6px;width:100%;min-height:35px;outline:none;padding:9px 10px;font-size:11px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8fba5c!important;outline:0!important}.field input::placeholder,.field textarea::placeholder{color:#6d777d}.field textarea{resize:vertical;line-height:1.6}.field select{color-scheme:dark}.flex-label{display:flex;align-items:center;justify-content:space-between}.soft-label{color:#68757a;font-size:10px}.dataset-file{border:1px solid #324034;background:#1b2620;border-radius:7px;padding:10px;display:flex;align-items:center;gap:10px}.file-icon{font-size:19px;color:var(--lime);border:1px solid #496344;background:#293829;border-radius:6px;display:grid;place-items:center;width:35px;height:35px}.file-meta{min-width:0;flex:1}.file-meta strong,.file-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta strong{font-size:11px;color:#e0e9dd}.file-meta small{font-size:9px;color:#93a394;margin-top:5px}.file-check{color:var(--lime)}.outline-action{width:100%;background:#21272a;color:#dbe6df;border:1px solid #364039;border-radius:6px;min-height:36px;margin-top:8px;text-align:left;padding:0 10px;font-size:10px;font-weight:700}.outline-action span{float:right;color:#99b385}.outline-action:hover{background:#2b3630}.panel-separator{height:1px;background:#292e34;margin:23px 0}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preset{min-width:0;border-radius:7px;border:1px solid #303a41;background:#1b2127;color:#aab6ba;padding:10px 5px 8px;font-size:9px}.preset.active{border-color:#a8d56c;background:#243126;color:#e1f3d3}.preset-art{display:flex;width:48px;height:36px;align-items:flex-end;justify-content:center;margin:auto auto 7px;gap:4px}.preset-art.bars i{width:7px;background:#b5e96a;border-radius:2px 2px 0 0}.preset-art.bars i:nth-child(1){height:45%}.preset-art.bars i:nth-child(2){height:85%}.preset-art.bars i:nth-child(3){height:67%}.preset-art.bars i:nth-child(4){height:100%}.preset-art.lines svg{width:48px;height:32px;fill:none;stroke:#bbf77b;stroke-width:3;stroke-linecap:round}.preset-art.lines svg path:nth-child(2){stroke:#619fef}.preset-art.donut i{height:31px;width:31px;border-radius:50%;background:conic-gradient(#b6ed71 0 45%,#75b9ec 45% 70%,#596678 70%);position:relative}.preset-art.donut i:after{content:'';position:absolute;inset:8px;background:#1b2127;border-radius:50%}.tip{display:flex;gap:10px;border:1px solid #353e30;border-radius:7px;padding:12px 10px;background:#1e271e;margin-top:23px}.tip-icon{font-size:15px;color:var(--lime)}.tip strong{font-size:10px;color:#d7e4ce}.tip p{font-size:10px;line-height:1.6;color:#8d9f90;margin:5px 0 0}.settings-footer{margin-top:auto;padding:14px 17px;border-top:1px solid var(--border);font-size:9px;color:#879388;display:flex;gap:8px;align-items:center}.settings-footer span{font-size:14px;color:var(--lime)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-option{padding:7px 5px 9px;border:1px solid #2e363b;border-radius:7px;background:#171c22;color:#a5aeb1;font-size:10px}.theme-option.active{border-color:var(--lime);color:var(--text)}.theme-swatch{display:block;width:100%;height:45px;border-radius:4px;margin-bottom:7px}.noir-swatch{background:linear-gradient(135deg,#101920 30%,#36414b 30% 40%,#baff69 40% 55%,#131c27 55%)}.aurora-swatch{background:linear-gradient(135deg,#111b31,#3e4da4 46%,#bb82fa 49%,#123e42)}.paper-swatch{background:linear-gradient(135deg,#f5efe3 40%,#26394a 40% 54%,#dc8d55 54%)}input[type=range]{accent-color:var(--lime);width:100%;height:18px;margin:0;cursor:pointer}.field-value{float:right;color:var(--lime)}.color-input{display:flex;align-items:center;gap:12px;border:1px solid #303b38;padding:7px;background:#0d1116;border-radius:7px;color:#c2cdbb;font-size:11px;font-weight:700}.color-input input{border:0;background:transparent;height:28px;width:35px;cursor:pointer}.story-events{margin-top:20px;display:flex;flex-direction:column;gap:6px}.event-pill{border:1px solid #323e38;background:#1b251f;border-radius:6px;padding:8px 9px;font-size:10px;color:#b3c1b6;display:flex;align-items:center;gap:7px}.event-pill strong{color:var(--lime)}.event-pill span{flex:1}.event-pill button{background:transparent;border:0;color:#b8a0a0}.preview-panel{min-width:0;display:flex;flex-direction:column}.preview-head{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 4px 0 7px}.preview-label{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#e9eae4}.live-dot{margin-left:10px}.preview-head-right{display:flex;align-items:center;gap:11px}.resolution{font-size:10px;color:#94a4a6;border:1px solid #303b3b;padding:6px 9px;border-radius:5px}.preview-tool{border:1px solid #30383b;background:#1b2026;color:#aeb6b4;width:25px;height:25px;border-radius:5px}.stage-well{background:radial-gradient(ellipse at center,#222830 0%,#171c24 56%,#12161c 90%);border:1px solid #283037;border-radius:10px;padding:23px 19px 11px;min-height:365px;display:flex;flex-direction:column;justify-content:center}.stage-frame{width:100%;aspect-ratio:16/9;max-height:500px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 55px #0007,0 0 0 1px #68746d22;overflow:hidden;background:#0c1720;margin:auto}.stage-frame.portrait{height:475px;max-height:475px;width:auto;max-width:100%;aspect-ratio:9/16}.stage-frame.square{width:min(100%,455px);aspect-ratio:1/1;max-height:455px}.stage-frame svg{width:100%;height:100%;display:block}.stage-footer{margin-top:14px;display:flex;align-items:center;justify-content:space-between;color:#89968f;font-size:8px;font-weight:800;letter-spacing:1.15px}.stage-footer span:first-child{display:flex;align-items:center;gap:7px}.stage-led{height:5px;width:5px}.timeline-box{border:1px solid var(--border);border-radius:10px;background:var(--panel);margin-top:12px;padding:17px 17px 14px}.timeline-top{display:flex;justify-content:space-between;align-items:center}.timeline-title{font-size:9px;letter-spacing:1.15px;font-weight:800}.timeline-segment{font-size:10px;color:#7e9193;margin-left:10px}.transport-actions{display:flex;align-items:center;gap:7px}.transport{background:none;border:0;font-size:16px;color:#89969b;padding:5px}.transport:hover{color:var(--lime)}.play-btn{width:31px;height:31px;border-radius:50%;border:0;background:var(--lime);color:#131917;font-size:11px;display:grid;place-items:center}.time-ruler{display:flex;justify-content:space-between;color:#87928c;font-size:9px;padding-top:20px;padding-bottom:6px}#scrubber{display:block;width:100%;height:16px}.timeline-bottom{display:flex;align-items:center;gap:10px;margin-top:12px}.clock{font-size:11px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.clock .slash{color:#667479;padding:0 2px}.timing-hint{font-size:9px;color:#80908b;margin-left:auto}.speed-options{display:flex;border:1px solid #303a40;border-radius:5px;padding:2px;gap:1px}.speed-btn{font-size:9px;padding:5px;background:transparent;color:#858e93;border:0;border-radius:4px}.speed-btn.active{color:var(--lime);background:#30382b}.preview-bottom{display:flex;align-items:center;gap:12px;margin-top:11px;border:1px solid #303c31;border-radius:10px;background:#19221b;padding:12px 13px}.info-spark{color:var(--lime);font-size:23px}.preview-bottom>div:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.preview-bottom strong{font-size:11px;color:#d8e7cc}.preview-bottom span{font-size:9px;color:#92a18d;line-height:1.4}.export-btn{background:var(--lime);border:0;border-radius:6px;color:#15201a;padding:11px 14px;font-weight:800;font-size:10px;white-space:nowrap;margin-left:auto}.export-btn span{color:inherit;font-size:13px;margin-left:6px}.inspector{display:flex;flex-direction:column}.tiny-index{font-size:10px;color:#656f72}.inspector-section{padding:20px 13px;border-bottom:1px solid var(--border)}.section-label{display:flex;gap:8px;font-size:9px;font-weight:850;color:var(--lime);letter-spacing:.5px;margin-bottom:14px}.section-label span{color:#aab5b7;letter-spacing:1px}.chart-kind-list{display:flex;flex-direction:column;gap:8px}.chart-choice{display:flex;width:100%;align-items:center;gap:10px;min-height:60px;text-align:left;padding:9px;border:1px solid #30383d;background:#191e24;color:#ccd1cf;border-radius:7px}.chart-choice:hover{border-color:#6c816a}.chart-choice.active{border-color:#a6d66e;background:#202b24}.chart-choice>span:nth-child(2){min-width:0;flex:1}.chart-choice strong,.chart-choice small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-choice strong{font-size:10px}.chart-choice small{color:#8b9899;font-size:9px;margin-top:5px}.chart-mini{width:40px;min-width:40px;height:37px;background:#10161a;border:1px solid #313b3b;border-radius:5px;display:flex;align-items:center;justify-content:center}.mini-bars{flex-direction:column;align-items:flex-start;gap:3px;padding-left:8px}.mini-bars i{height:5px;background:#b5e970;border-radius:2px}.mini-bars i:nth-child(1){width:25px}.mini-bars i:nth-child(2){width:18px}.mini-bars i:nth-child(3){width:30px}.mini-line svg{width:32px;fill:none;stroke:#b5e970;stroke-width:2.3;stroke-linecap:round}.mini-donut i{height:26px;width:26px;background:conic-gradient(#b5e970 0 45%,#6bb3e1 45% 70%,#657180 70%);border-radius:50%;position:relative}.mini-donut i:after{content:'';position:absolute;inset:7px;border-radius:50%;background:#10161a}.radio-dot{width:13px;min-width:13px;height:13px;border:1px solid #627071;border-radius:50%;position:relative}.chart-choice.active .radio-dot{border-color:var(--lime)}.chart-choice.active .radio-dot:after{content:'';position:absolute;inset:3px;background:var(--lime);border-radius:50%}.aspect-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.aspect{border:1px solid #333a3e;background:#1a2026;border-radius:7px;padding:10px 3px;color:#a9b1b2;display:flex;flex-direction:column;align-items:center;min-width:0;gap:6px}.aspect.active{border-color:var(--lime);background:#202b23;color:#ebf6e6}.aspect-icon{display:block;border:1.5px solid #94a3a1;border-radius:2px}.aspect.active .aspect-icon{border-color:var(--lime)}.aspect-icon.landscape{width:23px;height:14px}.aspect-icon.portrait{width:14px;height:23px;margin:-4.5px 0}.aspect-icon.square{width:18px;height:18px;margin:-2px 0}.aspect strong{font-size:11px}.aspect small{font-size:9px;color:#7d8a8e}.spec-row{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:10px;margin-bottom:14px}.spec-row span{color:#89969b}.spec-row strong{color:#cbd4d0;font-size:10px;text-align:right}.spec-note{color:#728481;font-size:9px;line-height:1.65;border-top:1px dashed #39403f;padding-top:12px}.inspector-footer{display:flex;gap:12px;margin:auto 13px 13px;background:linear-gradient(115deg,#263526,#1b2724);border:1px solid #3b523d;border-radius:9px;padding:14px 11px}.sparkle-icon{font-size:24px;color:var(--lime)}.inspector-footer strong{font-family:var(--serif);font-size:16px;font-style:italic;font-weight:400}.inspector-footer p{color:#96ac94;font-size:9px;margin:5px 0;line-height:1.5}.bottom-info{display:flex;justify-content:space-between;padding:25px 0;color:#5d6b6e;font-size:9px;letter-spacing:1.1px}.footer-dot{color:var(--lime);margin:0 5px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#070a0ddd;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal-backdrop[hidden]{display:none}.modal{width:min(760px,100%);max-height:min(88vh,850px);overflow:hidden;display:flex;flex-direction:column;border:1px solid #445046;border-radius:14px;background:#141b1d;box-shadow:0 35px 100px #000b}.modal-heading{padding:23px 25px;border-bottom:1px solid #30393a;display:flex;align-items:flex-start;justify-content:space-between}.modal-kicker{color:var(--lime);font-size:9px;font-weight:850;letter-spacing:1.2px}.modal h2{margin:9px 0 0;font-size:24px;letter-spacing:-.7px}.modal-close{border:1px solid #3b4545;background:#242e2c;border-radius:6px;color:#c5d2cc;width:30px;height:30px}.modal-body{overflow-y:auto;padding:25px}.modal-copy{color:#a8b8b2;font-size:12px;line-height:1.7;margin:0 0 15px}.data-editor-area{width:100%;min-height:290px;background:#0b1115;border:1px solid #35433e;color:#deebe2;border-radius:8px;padding:16px;font-family:'SFMono-Regular',Consolas,monospace;font-size:12px;line-height:1.7;resize:vertical;white-space:pre;tab-size:3}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:18px}.modal-primary,.modal-secondary,.modal-danger{border:0;border-radius:7px;padding:11px 15px;font-size:11px;font-weight:800}.modal-primary{background:var(--lime);color:#102012}.modal-secondary{background:#26312d;color:#deeae0;border:1px solid #3a4841}.modal-danger{background:#422726;color:#ffbbb8}.modal-primary:hover{background:#e1ffad}.modal-secondary:hover{background:#35433d}.data-warning{background:#342b1e;color:#eac99a;border:1px solid #675138;padding:11px;border-radius:6px;font-size:11px;margin-top:10px;line-height:1.5}.project-list,.template-list,.export-list{display:grid;gap:10px}.project-item,.template-item,.export-item{border:1px solid #34413b;border-radius:9px;background:#1b2525;padding:15px;display:flex;align-items:center;gap:15px}.project-icon,.template-icon,.export-icon{width:45px;height:45px;display:grid;place-items:center;background:#2b3b2e;border-radius:8px;color:var(--lime);font-size:21px;flex:none}.project-meta,.template-meta,.export-meta{flex:1;min-width:0}.project-meta strong,.template-meta strong,.export-meta strong{display:block;font-size:13px}.project-meta small,.template-meta small,.export-meta small{display:block;color:#94a6a0;font-size:10px;line-height:1.6;margin-top:5px}.project-buttons{display:flex;gap:6px}.project-buttons button,.template-item button,.export-item button{border:1px solid #5c7b55;background:#2b3d2c;color:#d5efd0;border-radius:6px;padding:9px 12px;font-size:10px;font-weight:750;white-space:nowrap}.project-buttons .delete-btn{border-color:#653e3b;color:#eab3ae;background:#342624}.empty-projects{padding:35px;border:1px dashed #526157;text-align:center;border-radius:10px;color:#99ada4}.empty-projects strong{display:block;font-size:15px;color:#dce6df;margin-bottom:8px}.empty-projects span{font-size:11px}.export-item.disabled{opacity:.55}.modal .label-mini{display:block;color:#b3c5b7;font-weight:750;font-size:11px;margin:14px 0 8px}.modal .text-field{width:100%;border:1px solid #405043;border-radius:6px;background:#10191a;color:#e5eee6;padding:12px}.modal code{font-family:Consolas,monospace;background:#27332c;padding:2px 4px;color:#c8ebac}.toast-container{position:fixed;bottom:24px;right:24px;z-index:150;display:flex;flex-direction:column;gap:9px}.toast{border:1px solid #4e6a4c;background:#243529;box-shadow:0 15px 35px #0007;border-radius:9px;padding:12px 16px;color:#daefd4;font-size:11px;max-width:350px;animation:appear .18s ease}.toast.error{background:#48292a;border-color:#8e4c4f;color:#ffe0de}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:1650px){.main{padding:0 40px}.studio-grid{grid-template-columns:300px minmax(550px,1fr) 275px}.stage-well{min-height:415px}}@media(max-width:1250px){.sidebar{width:205px;min-width:205px}.studio-grid{grid-template-columns:245px minmax(370px,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);align-items:start}.inspector .panel-header{grid-column:1/-1}.inspector-section{border-bottom:0;border-right:1px solid var(--border)}.inspector-footer{grid-column:1/-1;margin:10px 12px 12px}.main{padding:0 22px}}@media(max-width:850px){.sidebar{width:68px;min-width:68px;padding:0 8px}.brand{padding:0 9px}.brand>div:last-child,.workspace-select,.sidebar-label,.nav-item{font-size:0}.sidebar-label{margin:15px 0}.nav-item{justify-content:center;padding:0}.nav-icon,.nav-icon svg{width:20px;height:20px}.nav-shortcut,.nav-count,.side-bottom,.nav-item:not(.active){font-size:0}.nav-item.active{font-size:0}.topbar{padding:0 18px}.main{padding:0 15px}.page-head{padding:27px 0}.page-head h1{font-size:29px}.head-right{display:none}.studio-grid{grid-template-columns:minmax(230px,280px) minmax(320px,1fr)}}@media(max-width:690px){.sidebar{display:none}.studio-grid{display:flex;flex-direction:column}.settings-panel{order:2}.preview-panel{order:1}.inspector{order:3;display:flex}.inspector .panel-header{display:flex}.inspector-section{border-right:0;border-bottom:1px solid var(--border)}.top-right{gap:8px}.top-right .status,.top-divider,.top-ghost span{display:none}.topbar{height:56px}.page-head h1{font-size:27px}.page-head p{line-height:1.6}.stage-well{padding:15px 11px 10px;min-height:245px}.stage-frame.portrait{height:380px}.stage-frame.square{width:min(100%,340px)}.timeline-box{padding:14px 12px}.timing-hint{display:none}.preview-bottom{flex-wrap:wrap}.preview-bottom>div:nth-child(2){flex:1}.preview-bottom .export-btn{margin-left:0}.bottom-info{font-size:8px}.pane{min-height:0}.settings-footer{margin-top:10px}.modal-body{padding:17px}.modal-heading{padding:17px}.project-item,.export-item,.template-item{flex-wrap:wrap}.project-buttons{width:100%;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important}}
/* Small-screen inspector must stack vertically rather than inheriting the desktop grid row. */
@media(max-width:690px){.inspector{display:flex;flex-direction:column}.inspector>.panel-header,.inspector-section,.inspector-footer{width:auto}.inspector-section{width:100%}.inspector-footer{margin:13px}.chart-choice{max-width:none}.bottom-info{gap:10px;line-height:1.5;flex-wrap:wrap}}

/* SPECTRA 2.0 additions */
.source-side {color:#c9f876 !important;background:rgba(201,248,118,.075)}
.verified-note{margin-top:9px;font-size:11px;line-height:1.65;color:#9bacb0}
.source-select,.source-input{width:100%;background:#101d25;color:#f2f7ed;border:1px solid #34454b;border-radius:10px;padding:11px 12px;font:inherit;font-size:12px;outline:none;min-height:40px}
.source-select:focus,.source-input:focus{border-color:#cbff67;box-shadow:0 0 0 2px rgba(203,255,103,.09)}
.source-form{display:flex;flex-direction:column;gap:9px}
.source-form label{color:#aababe;font-weight:700;font-size:11px;letter-spacing:.03em}
.source-form input[type=date]{color-scheme:dark}
.source-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.source-dates>div{display:flex;flex-direction:column;gap:7px}
.source-hint{font-size:12px;line-height:1.7;color:#98a9ad;margin:5px 0}
.source-status{color:#cbff67;min-height:18px;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.source-details{background:rgba(197,255,106,.05);border:1px solid rgba(201,248,118,.16);border-radius:12px;padding:13px 12px;display:flex;flex-direction:column;gap:7px;margin:10px 0}
.source-details strong{font-size:12px;color:#c9f876}.source-details span,.source-details small{font-size:11px;color:#a8b7ba;line-height:1.45;overflow-wrap:anywhere}
.source-quick{margin:4px 0}
#mp4Quality{margin-top:10px;max-width:225px;font-size:11px;padding:7px}
@media(max-width:650px){.source-dates{grid-template-columns:1fr}.source-side{color:#c9f876}.source-form{gap:7px}}