:root{--bg:#0c0f13;--bg2:#11151a;--panel:#15191f;--panel2:#191e25;--panel3:#1d232b;--line:#2a313b;--line2:#36404c;--text:#e7ebef;--muted:#8c96a2;--muted2:#64707d;--blue:#0a84ff;--blue2:#64a8ff;--green:#7bc89e;--greenbg:rgba(87,180,126,.12);--amber:#e2b66f;--amberbg:rgba(212,151,73,.12);--red:#d38181;--redbg:rgba(194,93,93,.10);--shadow:0 30px 90px rgba(0,0,0,.45)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080a0d;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.demo-topbar{min-height:50px;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0b0d10;border-bottom:1px solid #222831;color:#a5adb8;position:sticky;top:0;z-index:90}.demo-topbar-copy{display:flex;align-items:center;gap:9px;font-size:11px}.demo-topbar-copy strong{color:#e8ebef}.live-dot{width:7px;height:7px;border-radius:50%;background:#69d49a;box-shadow:0 0 0 3px rgba(105,212,154,.08)}.top-actions{display:flex;gap:7px;flex-wrap:wrap}.ghost-mini,.tiny-btn,.icon-btn,.project-btn{border:1px solid #303742;background:#15191f;border-radius:8px;cursor:pointer}.ghost-mini{padding:7px 9px;font-size:10px;color:#adb5bf}.ghost-mini:hover,.tiny-btn:hover,.icon-btn:hover,.project-btn:hover{background:#1b2027;border-color:#3c4653}.desktop-wrap{padding:16px}.app-window{width:min(1560px,100%);margin:0 auto;border:1px solid #303742;border-radius:13px;overflow:hidden;background:#111419;box-shadow:var(--shadow)}
.titlebar{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;background:linear-gradient(#1a1e24,#15191f);border-bottom:1px solid #292f38}.title-left,.title-right{display:flex;align-items:center;gap:9px}.title-right{justify-content:flex-end;color:#7e8894;font-size:10px}.traffic{display:flex;gap:6px;margin-right:2px}.traffic i{width:10px;height:10px;border-radius:50%;background:#474d56}.traffic i:nth-child(1){background:#e36a63}.traffic i:nth-child(2){background:#e5b653}.traffic i:nth-child(3){background:#62c76c}.icon-btn{width:31px;height:30px}.project-btn{padding:6px 10px;font-size:10px}.window-title{text-align:center}.window-title strong,.window-title span{display:block}.window-title strong{font-size:11px}.window-title span{font-size:9px;color:#737d89;margin-top:2px}.sync-dot{width:7px;height:7px;border-radius:50%;background:#73c696}.sync-dot.warn{background:var(--amber)}
.app-grid{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:760px;max-height:calc(100vh - 100px)}.app-grid.has-advanced{grid-template-columns:230px minmax(0,1fr) 320px}.sidebar{display:flex;flex-direction:column;background:#111419;border-right:1px solid #272d35;padding:14px 10px;overflow:auto}.project-card{display:flex;align-items:center;gap:10px;padding:8px 8px 16px}.project-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#28303a,#1b2027);border:1px solid #353e49;color:#cbd1d8;font-weight:800;font-size:10px}.project-card strong,.project-card span{display:block}.project-card strong{font-size:11px}.project-card span{font-size:9px;color:#68727f;margin-top:3px}.nav-label{padding:9px 10px 7px;color:#525d69;font-weight:800;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.nav-item{width:100%;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:10px 9px;margin:2px 0;border:0;border-radius:8px;background:transparent;color:#8e98a4;cursor:pointer;text-align:left}.nav-item:hover{background:#171c22;color:#c3c9d0}.nav-item.active{background:#1c222a;color:#e1e5ea}.nav-item b{font-size:10px}.nav-item small{font-size:8px;color:#64707d}.nav-item.active small{color:#8994a0}.nav-icon{font-size:12px;color:#697481}.sidebar-spacer{flex:1}.demo-adapter{padding:11px;border:1px solid #252c35;border-radius:9px;background:#0e1216}.demo-adapter strong{font-size:8px;letter-spacing:.11em;color:#6f7b87}.demo-adapter p{margin:6px 0 0;color:#636e7a;font-size:8px;line-height:1.55}.sidebar-footer{display:flex;justify-content:space-between;padding:13px 6px 2px;color:#505b67;font-size:8px}.sidebar-footer b{color:#6d7884}
.workspace{min-width:0;overflow:auto;padding:34px 38px 46px;background:#101318}.page{display:none;width:min(1210px,100%);margin:0 auto}.page.active{display:block}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:26px;letter-spacing:-.035em;margin:4px 0 6px}.page-head p{margin:0;color:#76818d;font-size:10px;line-height:1.6}.eyebrow{font-size:8px;color:#64717e;letter-spacing:.13em;font-weight:900}.head-state,.pill{border:1px solid #343c47;border-radius:999px;padding:7px 9px;background:#151a20;color:#8b96a2;font-size:9px}.head-state.good,.pill.good{border-color:#315641;background:rgba(87,180,126,.08);color:#8fd0ac}.head-state.warn,.pill.warn{border-color:#665038;background:rgba(212,151,73,.08);color:#e0bb82}.head-pills{display:flex;gap:7px;flex-wrap:wrap}
.focus-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;margin-bottom:14px;border:1px solid #315d85;border-radius:10px;background:#111b25}.focus-banner strong,.focus-banner span{display:block}.focus-banner strong{font-size:10px;color:#aed4ff}.focus-banner span{font-size:9px;color:#7893ac;margin-top:3px}.primary-btn,.secondary-btn{border-radius:8px;padding:8px 11px;cursor:pointer;font-size:9px;font-weight:800}.primary-btn{border:1px solid #3177b7;background:#0a72d8;color:white}.primary-btn:hover{background:#1680e6}.secondary-btn{border:1px solid #343c47;background:#171c22;color:#adb6c1}.secondary-btn:hover{background:#1e242b}.editor-shell{border:1px solid #2b323b;border-radius:11px;background:#15191f;overflow:hidden}.editor-top{height:55px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 15px;border-bottom:1px solid #282f38}.editor-top input{flex:1;min-width:0;border:0;background:transparent;outline:0;color:#e3e7eb;font-weight:760;font-size:14px}.editor-stats{display:flex;gap:9px;color:#66717d;font-size:8px}.editor-stats span{padding:5px 7px;border:1px solid #29313a;border-radius:999px}.editor-body{display:grid;grid-template-columns:42px 1fr;min-height:475px}.line-nums{padding:18px 0;text-align:center;border-right:1px solid #252c34;background:#11151a;color:#45505c;font-family:ui-monospace,monospace;font-size:9px}.line-nums span{display:block;height:20px}.editor-body textarea{width:100%;min-height:475px;padding:18px 20px;border:0;outline:0;resize:none;background:#11151a;color:#c9cfd6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.82}.editor-body textarea.dirty{box-shadow:inset 3px 0 0 var(--amber)}.editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;border-top:1px solid #282f38;color:#697481;font-size:9px}.editor-bottom>div{display:flex;gap:7px}
.beats-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px}.beat-list{display:grid;gap:13px}.section-group{display:grid;gap:8px}.section-group>header{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid #29313a;border-radius:9px;background:#11161b}.section-group>header div{display:flex;align-items:center;gap:9px}.section-group>header span{display:grid;place-items:center;min-width:28px;height:22px;border-radius:7px;background:#172331;color:#73b4f4;font-size:8px;font-weight:900}.section-group>header strong{font-size:9px;letter-spacing:.01em}.section-group>header small{font-size:7px;color:#5f6a76}.structure-review-box{padding:13px;border:1px solid #675139;border-radius:10px;background:rgba(212,151,73,.06)}.structure-review-box>strong{font-size:10px;color:#e0bb82}.structure-review-box>p{font-size:8px;color:#8b7964;line-height:1.5}.structure-review-box blockquote{margin:8px 0 0;padding:8px 10px;border-left:2px solid #70583d;background:#11161b;color:#89939d;font-size:8px;line-height:1.45}.beat-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:13px;border:1px solid #2a313a;border-radius:10px;background:#15191f;cursor:pointer;transition:.15s}.beat-card:hover{border-color:#3b4652}.beat-card.selected{border-color:#356c99;background:#141d25;box-shadow:0 0 0 2px rgba(10,132,255,.08)}.beat-num{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#0f1317;border:1px solid #2a323c;color:#6eaef2;font-size:9px;font-weight:900}.beat-main strong{display:block;font-size:11px}.beat-main p{margin:5px 0;color:#77828e;font-size:9px;line-height:1.45}.beat-main small{color:#5f6b78;font-size:8px}.state{display:inline-flex;align-items:center;padding:5px 7px;border-radius:999px;border:1px solid #36404a;font-size:8px}.state.locked,.state.current,.state.reviewed,.state.selected{color:#94d3b1;border-color:#335a46;background:rgba(87,180,126,.08)}.state.stale,.state.raw,.state.review{color:#e4bd82;border-color:#624d35;background:rgba(212,151,73,.08)}.state.missing{color:#d78b8b;border-color:#633c3c;background:rgba(194,93,93,.08)}.dependency-card{position:sticky;top:0;align-self:start;border:1px solid #2b323b;border-radius:11px;background:#15191f;overflow:hidden}.dep-head{padding:15px;border-bottom:1px solid #282f38}.dep-head>span{font-size:8px;color:#61707d;letter-spacing:.12em;font-weight:900}.dep-head strong{display:block;margin-top:5px;font-size:12px}.dep-head p{margin:7px 0 0;color:#707b87;font-size:9px;line-height:1.45}.dep-graph{padding:18px}.dep-node{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;position:relative;padding:9px;border:1px solid #2a323c;border-radius:9px;background:#101419;margin-bottom:18px}.dep-node:not(:last-child):after{content:"";position:absolute;left:21px;bottom:-19px;width:1px;height:19px;background:#3b4551}.dep-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#1c232b;color:#84909d;font-size:8px}.dep-node strong{font-size:9px}.dep-node small{display:block;color:#626e7a;font-size:7px;margin-top:2px}.dep-foot{padding:12px 15px;border-top:1px solid #282f38;color:#5d6874;font-size:8px;line-height:1.5}
.audio-principle{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:13px;border:1px solid #2b3742;border-radius:9px;background:#11171d}.audio-principle strong{font-size:9px;color:#9fc7ef}.audio-principle span{font-size:9px;color:#718291}.narration-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:15px}.narration-list{display:grid;gap:9px}.narration-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #29313a;border-radius:10px;background:#15191f;cursor:pointer}.narration-item.selected{border-color:#356c99;background:#141d25}.narration-item strong{font-size:10px}.narration-item p{margin:4px 0 0;color:#697481;font-size:8px}.duration-badge{font-family:ui-monospace,monospace;color:#90d3ae;font-size:10px}.narration-inspector{position:sticky;top:0;border:1px solid #2b323b;border-radius:11px;background:#15191f;overflow:hidden}.audio-inspector-head{padding:15px;border-bottom:1px solid #282f38}.audio-inspector-head span{font-size:8px;color:#66727e}.audio-inspector-head h2{font-size:15px;margin:5px 0 6px}.audio-inspector-head p{margin:0;color:#74808c;font-size:9px;line-height:1.5}.audio-card{padding:15px}.audio-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.audio-meta div{padding:9px;border:1px solid #282f38;border-radius:8px;background:#101419}.audio-meta span,.audio-meta strong{display:block}.audio-meta span{font-size:7px;color:#606c78;text-transform:uppercase;letter-spacing:.08em}.audio-meta strong{font-size:10px;margin-top:4px}.custom-player{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid #303944;border-radius:9px;background:#0f1318}.play-btn{width:34px;height:34px;border-radius:50%;border:1px solid #38516a;background:#172332;color:#a9d2ff;cursor:pointer}.waveform{position:relative;display:flex;align-items:center;gap:2px;height:44px;overflow:hidden}.waveform i{width:2px;border-radius:99px;background:#53606e}.wave-progress{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(10,132,255,.13);border-right:1px solid #2f8fe8;pointer-events:none}.player-time{font-family:ui-monospace,monospace;color:#7d8793;font-size:8px}.regen-box{margin-top:12px;padding:11px;border:1px solid #604d39;border-radius:9px;background:#18150f}.regen-box strong{font-size:9px;color:#e1bb82}.regen-box p{margin:5px 0 9px;color:#927f66;font-size:8px;line-height:1.45}.duration-change{margin-top:10px;padding:9px;border-radius:8px;background:#10151b;border:1px solid #263441;color:#8fa3b6;font-size:8px}.duration-change b{color:#c0d8ee}
.whisper-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:15px}.whisper-list{display:grid;gap:8px}.whisper-beat{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #29313a;border-radius:9px;background:#15191f;cursor:pointer}.whisper-beat.active{border-color:#356c99;background:#141d25}.whisper-beat strong{font-size:9px}.whisper-beat small{display:block;color:#616d79;font-size:7px;margin-top:3px}.transcript-card{border:1px solid #2b323b;border-radius:11px;background:#15191f;overflow:hidden}.transcript-head{padding:14px 15px;border-bottom:1px solid #282f38}.transcript-head h2{font-size:14px;margin:3px 0}.transcript-head p{margin:0;color:#6d7885;font-size:8px}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.diff-box{padding:11px;border:1px solid #29323b;border-radius:9px;background:#0f1318}.diff-box label{display:block;color:#65717e;font-size:7px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.diff-box p{margin:0;color:#aeb5bd;font-size:9px;line-height:1.55}.diff-box del{color:#c78383;background:rgba(194,93,93,.08);text-decoration:none}.diff-box ins{color:#95d0b0;background:rgba(87,180,126,.08);text-decoration:none}.transcript-editor{padding:0 14px 14px}.transcript-editor label{display:block;color:#65717e;font-size:7px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.transcript-editor textarea{width:100%;min-height:120px;padding:11px;border:1px solid #303844;border-radius:8px;outline:0;resize:vertical;background:#0e1217;color:#d2d7dd;font-size:10px;line-height:1.55}.transcript-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.timing-note{font-size:8px;color:#64717d}
.visual-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:15px}.visual-beat-list{display:grid;gap:8px}.visual-beat{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #29313a;border-radius:9px;background:#15191f;cursor:pointer}.visual-beat.active{border-color:#356c99;background:#141d25}.visual-beat strong{font-size:9px}.visual-beat small{display:block;margin-top:3px;color:#626e7a;font-size:7px}.asset-panel{border:1px solid #2b323b;border-radius:11px;background:#15191f;padding:13px}.asset-context{display:flex;justify-content:space-between;gap:15px;padding:2px 2px 13px}.asset-context strong{font-size:11px}.asset-context p{margin:4px 0 0;color:#687481;font-size:8px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.asset-card{overflow:hidden;border:1px solid #2b333d;border-radius:9px;background:#101419;cursor:pointer;transition:.15s}.asset-card:hover{transform:translateY(-1px);border-color:#45515f}.asset-card.selected{border-color:#498568;box-shadow:0 0 0 2px rgba(87,180,126,.10)}.asset-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.asset-card-body{padding:8px}.asset-card strong{display:block;font-size:8px}.asset-card span{display:block;margin-top:3px;color:#5f6b77;font-size:7px;line-height:1.35}.asset-card .final-mark{display:inline-block;margin-top:6px;padding:3px 5px;border-radius:999px;background:rgba(87,180,126,.10);color:#8fd0ac;font-size:7px}
.timeline-barrier{display:flex;align-items:center;gap:10px;padding:11px 12px;margin-bottom:12px;border:1px solid #604d39;border-radius:9px;background:#18150f}.timeline-barrier strong{font-size:9px;color:#e0b87e}.timeline-barrier span{flex:1;color:#907e65;font-size:8px}.timeline-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.toolbar-cluster{display:flex;align-items:center;gap:6px}.tiny-btn{width:28px;height:28px;font-size:12px}.toolbar-cluster>span{min-width:42px;text-align:center;color:#65717d;font-size:8px}.timeline-shell{position:relative;overflow:auto;border:1px solid #29313a;border-radius:10px;background:#0e1216;padding-top:30px}.ruler{position:relative;height:30px;border-bottom:1px solid #27303a;background:#11161b}.ruler-mark{position:absolute;top:0;height:30px;padding-left:4px;border-left:1px solid #2d3742;color:#53606d;font-size:7px}.track-row{display:grid;grid-template-columns:70px minmax(760px,1fr);border-bottom:1px solid #242c35}.track-row:last-of-type{border-bottom:0}.track-label{padding:11px;background:#11161b;border-right:1px solid #27303a}.track-label b,.track-label span{display:block}.track-label b{font-size:9px}.track-label span{font-size:7px;color:#5f6b77;margin-top:2px}.track{position:relative;height:74px;min-width:760px;background-image:linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:70px 100%}.audio-track{height:63px}.subtitle-track{height:50px}.segment{position:absolute;top:7px;height:60px;border:1px solid #33404d;border-radius:7px;background:#18212a;overflow:hidden;cursor:pointer;transition:left .45s ease,width .45s ease,opacity .25s}.audio-track .segment{height:49px;background:#15231d;border-color:#30483b}.subtitle-track .segment{height:36px;background:#1c1a25;border-color:#3a3546}.segment.selected{box-shadow:0 0 0 2px rgba(10,132,255,.18);border-color:#3778b3}.segment.stale{border-color:#755a37;background:#211c14}.segment.needs-review{border-color:#695439}.segment img{width:100%;height:100%;object-fit:cover;opacity:.72}.segment-label{position:absolute;left:7px;top:6px;right:6px;z-index:2;text-shadow:0 1px 4px #000;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-bars{position:absolute;inset:10px 6px;display:flex;align-items:center;gap:2px}.audio-bars i{flex:1;max-width:3px;border-radius:99px;background:#5b8b72;opacity:.65}.subtitle-text{padding:8px;color:#a8a2b5;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playhead{position:absolute;top:30px;bottom:0;width:1px;background:#e46666;z-index:12;pointer-events:none}.playhead:before{content:"";position:absolute;top:-4px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #e46666}.timeline-lower{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.timeline-inspector,.change-card{padding:13px;border:1px solid #29313a;border-radius:10px;background:#15191f}.timeline-inspector header{display:flex;justify-content:space-between;gap:10px}.timeline-inspector header strong{font-size:10px}.timeline-inspector p{color:#687480;font-size:8px;line-height:1.5}.timeline-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.timeline-field{padding:8px;border:1px solid #272f38;border-radius:8px;background:#101419}.timeline-field span,.timeline-field b{display:block}.timeline-field span{font-size:7px;color:#5e6a76}.timeline-field b{font-size:8px;margin-top:4px}.change-card>span{font-size:7px;color:#65717e;letter-spacing:.11em}.change-card strong{display:block;font-size:10px;margin-top:6px}.change-card p{margin:5px 0 0;color:#687480;font-size:8px;line-height:1.5}
.health-hero{padding:18px;border:1px solid #315541;border-radius:11px;background:rgba(87,180,126,.06);margin-bottom:13px}.health-hero.review{border-color:#624d35;background:rgba(212,151,73,.06)}.health-hero span,.health-hero strong,.health-hero p{display:block}.health-hero span{font-size:8px;letter-spacing:.1em;color:#6d9d83}.health-hero strong{font-size:20px;margin-top:4px}.health-hero p{margin:5px 0 0;color:#758a7e;font-size:9px}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.health-item{padding:13px;border:1px solid #29313a;border-radius:10px;background:#15191f}.health-item header{display:flex;justify-content:space-between;gap:10px}.health-item strong{font-size:10px}.health-item p{margin:7px 0 0;color:#697480;font-size:8px;line-height:1.5}.claude-roadmap{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:17px;margin-top:13px;border:1px solid #344456;border-radius:11px;background:#111820}.claude-roadmap span{font-size:7px;color:#79a7d5;letter-spacing:.11em}.claude-roadmap strong{display:block;font-size:12px;margin-top:4px}.claude-roadmap p{margin:5px 0 0;color:#70869b;font-size:8px;max-width:760px}.claude-roadmap a{font-size:9px;color:#9ecbfa;white-space:nowrap}
.advanced-drawer{display:flex;flex-direction:column;background:#101419;border-left:1px solid #2a313a;min-width:0;overflow:hidden}.advanced-drawer header{display:flex;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #272f38}.advanced-drawer header span,.advanced-drawer header strong{display:block}.advanced-drawer header span{font-size:7px;color:#63707c;letter-spacing:.12em}.advanced-drawer header strong{font-size:11px;margin-top:3px}.advanced-drawer header button{border:0;background:transparent;color:#68737f;font-size:18px;cursor:pointer}.event-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:10px;border-bottom:1px solid #272f38}.event-summary div{padding:8px;border:1px solid #262e37;border-radius:8px;background:#0e1216}.event-summary span,.event-summary b{display:block}.event-summary span{font-size:7px;color:#5f6b77}.event-summary b{font-size:9px;margin-top:3px}.event-log{flex:1;overflow:auto;padding:10px}.event{position:relative;padding:8px 9px 8px 13px;margin-bottom:7px;border:1px solid #252d36;border-radius:8px;background:#0e1216}.event:before{content:"";position:absolute;left:6px;top:12px;width:3px;height:3px;border-radius:50%;background:#6a8fb1}.event.warn:before{background:#d3a35f}.event.good:before{background:#72c494}.event code{display:block;color:#aeb7c0;font-size:7px;white-space:normal}.event p{margin:4px 0 0;color:#606c78;font-size:7px;line-height:1.4}.event time{display:block;margin-top:5px;color:#434e59;font-size:6px}.advanced-drawer footer{padding:10px;border-top:1px solid #272f38;color:#515d69;font-size:7px}
.guide-panel{position:fixed;right:24px;bottom:24px;z-index:300;width:min(390px,calc(100vw - 30px));padding:16px;border:1px solid #42678d;border-radius:13px;background:rgba(18,25,33,.96);backdrop-filter:blur(14px);box-shadow:0 20px 70px rgba(0,0,0,.48)}.guide-top{display:flex;justify-content:space-between;align-items:center}.guide-top span{font-size:7px;color:#80b5e8;letter-spacing:.12em;font-weight:900}.guide-top button{border:0;background:transparent;color:#718091;cursor:pointer;font-size:17px}.guide-panel h2{font-size:15px;margin:8px 0 6px}.guide-panel p{margin:0;color:#8d9baa;font-size:9px;line-height:1.55}.guide-progress{height:3px;margin:13px 0;background:#25313d;border-radius:99px;overflow:hidden}.guide-progress span{display:block;height:100%;width:16.6%;background:#4e9ee8;transition:width .3s}.guide-actions{display:flex;justify-content:flex-end;gap:7px}.guide-highlight{position:relative;z-index:80!important;box-shadow:0 0 0 3px rgba(10,132,255,.35),0 0 0 8px rgba(10,132,255,.08)!important}
.modal{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:20px;background:rgba(4,6,8,.76);backdrop-filter:blur(4px)}.modal-card{width:min(560px,100%);padding:20px;border:1px solid #394552;border-radius:14px;background:#15191f;box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-card h2{font-size:18px;margin:0 0 8px}.modal-card p{color:#88939f;font-size:9px;line-height:1.6}.modal-list{display:grid;gap:7px;margin:13px 0}.modal-list div{display:flex;justify-content:space-between;gap:12px;padding:9px;border:1px solid #29313a;border-radius:8px;background:#101419;font-size:8px}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}.toast{position:fixed;right:22px;bottom:22px;z-index:500;max-width:390px;padding:11px 13px;border:1px solid #3a4652;border-radius:10px;background:#151b22;color:#d6dbe2;box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:9px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1180px){.app-grid.has-advanced{grid-template-columns:210px minmax(0,1fr)}.advanced-drawer{position:fixed;right:16px;top:82px;bottom:16px;width:330px;z-index:130;border:1px solid #303844;border-radius:11px;box-shadow:0 20px 70px rgba(0,0,0,.5)}.beats-layout,.narration-layout{grid-template-columns:1fr}.dependency-card,.narration-inspector{position:static}.asset-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.demo-topbar{align-items:flex-start;flex-direction:column}.desktop-wrap{padding:7px}.app-grid{grid-template-columns:1fr;max-height:none}.sidebar{display:none}.workspace{padding:23px 13px}.titlebar{grid-template-columns:1fr auto}.title-right{display:none}.window-title{text-align:right}.page-head{flex-direction:column}.editor-body{grid-template-columns:1fr}.line-nums{display:none}.editor-body textarea{border-left:0}.whisper-layout,.visual-layout,.timeline-lower{grid-template-columns:1fr}.asset-grid,.health-grid{grid-template-columns:1fr}.timeline-fields{grid-template-columns:repeat(2,1fr)}.focus-banner{align-items:flex-start;flex-direction:column}.demo-topbar-copy{align-items:flex-start;flex-wrap:wrap}.guide-panel{right:12px;bottom:12px}.editor-bottom{align-items:flex-start;flex-direction:column}}

.structure-sync-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 13px;border:1px solid #29465f;border-radius:10px;background:linear-gradient(135deg,rgba(10,132,255,.09),rgba(10,132,255,.025));margin-bottom:2px}.structure-sync-box div{min-width:0}.structure-sync-box span{display:block;font-size:7px;letter-spacing:.12em;color:#6faee9;font-weight:900}.structure-sync-box strong{display:block;margin-top:4px;font-size:9px;color:#c3d4e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structure-sync-box>b{font-size:9px;color:#8cc6ff;border:1px solid #315c7d;border-radius:999px;padding:5px 8px;background:#101923}
.state.draft{color:#e4bd82;border-color:#624d35;background:rgba(212,151,73,.08)}
.state.blocked{color:#d78b8b;border-color:#633c3c;background:rgba(194,93,93,.08)}
.empty-state{padding:18px;border:1px dashed #36404a;border-radius:10px;background:#101419;color:#798591;font-size:9px;line-height:1.55}.empty-state strong{display:block;color:#b9c1ca;font-size:10px;margin-bottom:5px}.empty-state .primary-btn{margin-top:12px}
.audio-placeholder{padding:13px;border:1px dashed #3a4652;border-radius:9px;background:#10151a;margin-bottom:12px}.audio-placeholder strong{display:block;color:#b7c5d3;font-size:9px}.audio-placeholder p{margin:5px 0 0;color:#778591;font-size:8px;line-height:1.5}
.asset-card.placeholder .asset-placeholder{height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;padding:12px;background:linear-gradient(135deg,#1a2430,#101419);border-bottom:1px solid #2b323b}.asset-card.placeholder .asset-placeholder.p1{background:linear-gradient(135deg,#24261d,#121512)}.asset-card.placeholder .asset-placeholder.p2{background:linear-gradient(135deg,#241d26,#141116)}.asset-card.placeholder .asset-placeholder.p3{background:linear-gradient(135deg,#1b2725,#101817)}.asset-placeholder span{font-size:7px;color:#6c7b89;letter-spacing:.12em}.asset-placeholder strong{font-size:10px;color:#c7d1da}
.segment-placeholder{height:100%;min-height:48px;display:flex;align-items:flex-end;padding:8px;background:linear-gradient(135deg,#1a2430,#11161b);color:#8191a0;font-size:7px;overflow:hidden}