@font-face{font-family:Inter;src:url('/fonts/InterVariable.ttf');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#101210;--surface:#181b18;--panel:#1d211d;--line:#2d332d;--muted:#889386;--text:#ecf0e8;--green:#a5d74b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:13px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;padding:9px 12px;transition:background .15s}button:hover{background:#30372d}button:disabled{opacity:.45;cursor:wait}input,textarea,select{background:#141714;border:1px solid #363d33;border-radius:6px;color:var(--text);padding:9px 10px;min-width:0}input:focus,textarea:focus{border-color:var(--green);outline:1px solid var(--green)}input[type=number]{width:90px}input[type=range]{accent-color:var(--green);padding:0;border:0}textarea{resize:vertical;width:100%;line-height:1.6}a{color:var(--green)}.topbar{height:83px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 26px;gap:36px;background:#151815}.brand{display:flex;gap:12px;align-items:center;color:#f3f5ef;text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1px}.brandmark{width:40px;height:40px;background:var(--green);color:#17200b;display:grid;place-content:center;font-size:30px;border-radius:10px;position:relative}.brandmark span{position:absolute;right:3px;top:-6px}.brand-sub{font-size:8px;letter-spacing:4px;display:block;color:var(--muted);margin-top:1px}.project-name{border-left:1px solid var(--line);padding-left:27px;min-width:280px}.project-name input{border:0;background:none;padding:0;width:100%;font-size:14px}.project-name span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.top-actions{margin-left:auto;display:flex;gap:7px}.quiet{background:transparent;border-color:transparent;font-size:11px;color:#abb5a5}.workspace{display:grid;grid-template-columns:235px minmax(430px,1fr) 302px;min-height:calc(100vh - 83px)}.library,.inspector{background:#151815;padding:24px 17px;border-right:1px solid var(--line);max-height:calc(100vh - 83px);overflow-y:auto}.inspector{border-right:0;border-left:1px solid var(--line);padding:24px 21px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--muted);font-weight:600}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h2{font-size:17px;font-weight:550;margin:7px 0 0}h2 span{font-size:12px;color:var(--muted);margin-left:5px}.icon-button{border-color:transparent;background:transparent;padding:4px 7px;font-size:20px}.intro-row{display:flex;align-items:center;width:100%;text-align:left;gap:12px;background:none;margin-bottom:20px;padding:12px 8px;border-color:transparent}.intro-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.intro-row>span:last-child{margin-left:auto;color:var(--muted)}.mini-icon{background:#30362c;width:34px;height:32px;display:grid;place-items:center;border-radius:4px}.series-group{margin:0 0 18px}.series-header{display:flex;align-items:center;gap:9px;color:#b9c3b3;font-size:11px;margin-bottom:9px}.series-number{font-size:10px;border:1px solid #394232;padding:3px 5px;border-radius:4px;color:var(--green)}.series-header button{margin-left:auto;font-size:15px;padding:2px 6px}.slide-row{display:flex;align-items:center;gap:9px;border:1px solid transparent;width:100%;background:transparent;padding:6px;margin:3px 0;text-align:left;border-radius:6px}.slide-row.active{background:#252e1d;border-color:#607846}.slide-row img,.slide-row video{width:59px;height:35px;object-fit:cover;border-radius:3px;background:#2c3028}.slide-row .thumb-placeholder{width:59px;height:35px;display:grid;place-items:center;background:#30362c}.slide-info{flex:1;min-width:0}.slide-info strong{display:block;font-weight:450;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-info small{display:block;margin-top:5px;font-size:9px;color:var(--muted)}.library-bottom{border-top:1px solid var(--line);font-size:9px;line-height:1.5;padding-top:17px;color:var(--muted)}.status-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px}.stage{padding:27px 30px;min-width:0}.stage-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h1{font-size:20px;font-weight:450;letter-spacing:-.4px;margin:8px 0 0}.engine-badge{font-size:9px;letter-spacing:.4px;padding:6px 9px;border:1px solid #465a2d;background:#202a18;border-radius:30px;color:var(--green)}.monitor{aspect-ratio:16/9;background:#080a08;position:relative;box-shadow:0 15px 60px #0004;border:1px solid #30372b;overflow:hidden;border-radius:7px}.monitor canvas{width:100%;height:100%;display:block}.monitor #loading{position:absolute;inset:0;display:grid;place-items:center;background:#141813;color:var(--muted)}.transport{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.transport-left,.transport-right{display:flex;gap:9px;align-items:center}.play-button{border:0;background:var(--green);color:#19230c;border-radius:50%;width:33px;height:33px;padding:0;font-size:12px}.play-button:hover,.primary:hover{background:#b7e565}#timecode{font-variant-numeric:tabular-nums;font-size:11px}#timecode em{font-style:normal;color:var(--muted);margin-left:7px}#scrubber{width:100%;height:4px;margin:19px 0 14px}.timeline{display:flex;gap:3px;height:48px;overflow:hidden}.timeline button{padding:4px 1px;border-radius:4px;background:#2b3620;border:1px solid #415233;font-size:8px;min-width:4px;overflow:hidden;text-overflow:clip;color:#b9c8a3}.timeline button.chat{background:#242a24;border-color:#343b32}.timeline button.end{background:#070907}.timeline button:hover{border-color:var(--green)}.bottom-panels{display:grid;grid-template-columns:1fr;gap:12px;margin-top:27px}.music-panel,.render-panel{border:1px solid var(--line);border-radius:8px;padding:15px;display:flex;align-items:center;gap:13px;background:#171b16}.panel-icon{font-size:22px;color:var(--green);width:32px}.music-panel strong,.render-panel strong{display:block;font-size:11px;font-weight:500;margin-top:5px}.music-panel>div:nth-child(2){flex:1}.music-options{display:flex;align-items:center;gap:14px;margin-top:9px}.music-options label{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.music-options input[type=number]{width:52px;padding:3px}.music-options input[type=range]{width:65px}.render-panel>div{flex:1}.render-panel select{font-size:11px}.primary{background:var(--green);border:0;color:#19250e;font-weight:600;padding:11px 17px;display:flex;gap:19px;align-items:center}.stage-note{font-size:9px;line-height:1.6;color:#717e6d;margin-top:17px}.field{display:block;margin-bottom:17px}.field>span{display:block;color:#afb9a7;font-size:10px;margin-bottom:8px}.field input[type=text],.field textarea{width:100%;font-size:12px}.field small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:6px}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.field-row input{width:100%}.inspector hr{border:0;border-top:1px solid var(--line);margin:24px 0}.upload-card{width:100%;display:grid;place-items:center;gap:7px;border:1px dashed #4b5842;background:#1b2118;padding:20px 9px;color:var(--green);margin-bottom:18px}.upload-card span{font-size:21px}.upload-card small{font-size:9px;color:var(--muted)}.edit-actions{display:flex;gap:7px;margin-top:18px}.danger{color:#cd998d}.timing-settings{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.timing-settings summary{cursor:pointer;font-size:11px;color:#b7c0b1;margin-bottom:18px}.timing-settings .field{display:flex;align-items:center;justify-content:space-between}.timing-settings input{width:75px}#exportStatus{margin-top:18px;background:#222b19;padding:15px;border:1px solid #4a6034;border-radius:6px}#exportStatus>div{display:flex;justify-content:space-between;align-items:center}#exportStatus strong{font-size:11px}progress{width:100%;height:5px;accent-color:var(--green)}#download{display:inline-block;margin-top:9px;font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#35412b;color:#edf6e5;padding:13px 21px;border:1px solid #67794b;border-radius:8px;box-shadow:0 5px 30px #0005;max-width:700px;display:none;z-index:10}button.active{border-color:#708f4c}.series-header .series-title{cursor:pointer}body.rendering .library,body.rendering .inspector,body.rendering .top-actions{pointer-events:none;opacity:.65}
@media(min-width:1600px){.workspace{grid-template-columns:260px minmax(500px,1fr) 330px}.stage{padding:32px 42px}.bottom-panels{grid-template-columns:1.2fr 1fr}.music-panel{gap:8px}}@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(380px,1fr)}.inspector{grid-column:1/-1;max-height:none;display:block}.inspector #editor{max-width:800px}.topbar{padding:0 15px;gap:15px}.top-actions{gap:0}.stage{padding:23px 20px}.project-name{min-width:200px}.library{padding:20px 10px}}@media(max-width:700px){.workspace{display:flex;flex-direction:column}.library{max-height:280px}.top-actions{display:none}.topbar{height:75px}.stage{padding:20px 12px}.project-name{min-width:0}.brand{font-size:20px}.music-options{flex-wrap:wrap}.stage-heading h1{font-size:17px}}

[hidden]{display:none!important}

body.rendering .music-panel,body.rendering .transport,body.rendering #scrubber,body.rendering .timeline,body.rendering #resolution,body.rendering .project-name{pointer-events:none;opacity:.65}

.reorder-help,.editor-hint{font-size:10px;color:var(--muted);line-height:1.6}.reorder-help{margin:-8px 0 4px}.undo-move{font-size:10px;margin-bottom:12px;padding:5px 0}.undo-move:disabled{cursor:default;opacity:.3}.series-title{min-width:0;flex:1}.series-title small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.drag-grip{color:#78846e;font-size:15px;flex-shrink:0;line-height:1;cursor:grab}.series-header{cursor:grab;gap:6px}.series-header button{cursor:pointer}.slide-row{gap:6px;cursor:grab}.slide-row img,.slide-row video{width:48px;height:30px;pointer-events:none}.chat-row{display:flex;align-items:center;gap:7px;width:100%;text-align:left;background:#20261d;border:1px solid #333e2b;margin:7px 0;padding:8px 6px;cursor:grab}.chat-row.active{border-color:#708f4c;background:#29351f}.chat-row .slide-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-icon{color:var(--green);font-size:16px}.sequence-drop{border:1px dashed transparent;border-radius:4px;color:#7c8c70;font-size:9px;min-height:17px;padding:3px 6px;opacity:0}.series-group:hover .sequence-drop,.story-dragging .sequence-drop{opacity:1;border-color:#3c4b32}.sequence-drop:only-child{opacity:1}.story-dragging [draggable=true]{cursor:grabbing}.drag-source{opacity:.35}.story-drop-line{position:fixed;z-index:200;height:3px;background:#a5d74b;pointer-events:none;box-shadow:0 0 8px #a5d74b70}.story-drop-line:before{content:'';position:absolute;top:-3px;left:-3px;width:9px;height:9px;background:#a5d74b;border-radius:50%}.story-drop-line:after{content:attr(data-label);position:absolute;right:0;top:-20px;background:#a5d74b;color:#19250e;font:10px Inter;padding:3px 6px;border-radius:3px}.story-dragging .library{scroll-behavior:auto}.series-group:has(.chat-row:last-of-type) .sequence-drop{opacity:.65}

.andy-brand{width:140px;height:54px;object-fit:contain;background:#fff;border-radius:8px}.brand .brand-sub{letter-spacing:2px}