@font-face{font-family:Inter;src:url('/fonts/Inter-Regular.ttf')}@font-face{font-family:Inter;src:url('/fonts/Inter-Bold.ttf');font-weight:700}:root{color-scheme:dark;--bg:#121513;--surface:#1a1e1b;--panel:#202521;--line:#343b34;--muted:#9aa59b;--ink:#eef1e9;--accent:#d5ef93;--font:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.5 var(--font);height:100dvh;min-height:660px;display:flex;flex-direction:column}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer;background:transparent;color:inherit;border:1px solid var(--line);border-radius:5px;padding:7px 10px;white-space:nowrap}button:hover{background:#313a31}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}input,select,textarea{color:var(--ink);background:#141815;border:1px solid var(--line);border-radius:4px;padding:7px;width:100%;min-width:0}input[type=range]{padding:0;accent-color:var(--accent);height:20px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;margin:0}input[type=color]{padding:3px;height:35px}textarea{resize:vertical;line-height:1.5}label{display:flex;flex-direction:column;gap:5px;color:#b8c2b5;font-size:12px;margin:12px 0}h1,h2,h3,p{margin-top:0}h1,h2{font-size:18px;line-height:1.2;letter-spacing:-.4px}h3{font-size:20px}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);border:1px solid var(--accent);color:#1b2516;font-weight:700;padding:10px 16px;gap:10px}.primary:hover{background:#e5ffb1;color:#15200d}.full{width:100%;margin:6px 0}.muted{color:var(--muted);line-height:1.6}.small{font-size:11px}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:1.5px;margin:23px 0 12px}.editor-header{height:62px;flex-shrink:0;display:flex;gap:20px;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);background:#191e19}.brand{display:flex;align-items:center;gap:8px;font-size:22px;letter-spacing:-1px}.brand img{width:29px}.brand b{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:4px}#project-name{background:transparent;border-color:transparent;width:210px;font-size:13px}#project-name:hover,#project-name:focus{border-color:var(--line)}#save-status{font-size:10px;color:var(--muted)}.header-actions{display:flex;gap:8px;margin-left:auto;align-items:center}.header-actions button:not(.primary){border-color:transparent}.workspace{display:grid;grid-template-columns:230px minmax(250px,1fr) 255px;flex:1;min-height:270px;overflow:hidden}.library{border-right:1px solid var(--line);overflow:auto;background:#1a1f1b}.library-tabs{position:sticky;top:0;z-index:2;background:#1a1f1b;display:flex;border-bottom:1px solid var(--line);padding:8px;gap:3px}.library-tabs button{flex:1;border:0;padding:8px 5px;border-radius:4px;font-size:12px;color:var(--muted)}.library-tabs button[aria-pressed=true]{background:#343d2b;color:var(--accent)}.panel{padding:19px 16px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h1{font-size:16px}.section-title span{font-size:10px;color:var(--muted)}.import-button{width:100%;padding:14px 10px;border:1px dashed #58614d;background:#252d21;font-weight:700}.import-button small{display:block;color:var(--muted);font-weight:400;margin-top:4px;font-size:10px}.project-link{display:block;font-size:11px;color:var(--accent);margin:14px 0}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px}.sample{border:0;padding:0;white-space:normal;text-align:left}.sample img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:4px;display:block;margin-bottom:5px}.sample strong{font-size:10px;font-weight:400;line-height:1.35;display:block}.sample:hover img{outline:1px solid var(--accent)}.import-library{display:flex;flex-direction:column;gap:5px}.asset-item{display:flex;align-items:center;gap:8px;font-size:11px;overflow:hidden;text-align:left}.asset-item span{overflow:hidden;text-overflow:ellipsis}.asset-item img{width:38px;height:28px;object-fit:cover}.asset-item b{color:var(--accent);margin-left:auto}.preset-grid{display:grid;gap:8px}.preset-grid button{padding:14px;text-align:left;display:flex;gap:15px;align-items:center}.preset-grid b{font-size:24px;min-width:45px}.pill{background:#000;border-radius:5px;padding:0 5px;color:white}.label{background:var(--accent);padding:0 5px;color:#111}.score-card{display:flex;gap:10px;text-align:left;width:100%;align-items:center;padding:13px 8px;font-size:11px}.score-card>span{font-size:25px;color:var(--accent)}.score-card small{font-size:9px;color:var(--muted);display:block}.score-card b{margin-left:auto}.stage{min-width:0;display:flex;flex-direction:column;background:#0d100e}.stage-bar{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;color:var(--muted);border-bottom:1px solid #222922}.stage-bar>div{display:flex;align-items:center;gap:12px}.stage-bar select{padding:4px 7px;font-size:11px;width:auto}.program-label{letter-spacing:1.4px;white-space:nowrap}.program-label i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:100%;margin-right:6px}#engine-label{font-size:9px}.preview-area{position:relative;flex:1;min-height:0;padding:15px;display:flex;justify-content:center;align-items:center;overflow:hidden}#preview{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}#empty-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111612;text-align:center;padding:15px}#empty-stage[hidden]{display:none}.empty-symbol{font-size:57px;letter-spacing:-9px;color:var(--accent);line-height:1;margin-bottom:20px}#empty-stage h2{font-size:29px;line-height:1.1;letter-spacing:-1px;margin-bottom:18px}#empty-stage a{font-size:11px;color:var(--muted);margin-top:12px}.transport{display:flex;align-items:center;gap:12px;padding:9px 18px;border-top:1px solid #262d27;flex-shrink:0;height:49px}.transport button{border:0;padding:4px;font-size:15px}.transport .play-button{background:var(--accent);color:#1c2417;border-radius:50%;width:29px;height:29px;flex-shrink:0;font-size:13px}#timecode{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}#timecode span{color:#7a887c}#scrubber{flex:1;min-width:20px}.inspector{overflow:auto;border-left:1px solid var(--line);padding:16px;background:#191e1a}.inspector-heading{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:15px}.inspector-heading h2{font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-heading>span{font-size:8px;color:var(--accent);border:1px solid #4c583c;padding:2px 4px;border-radius:3px}.field-row{display:flex;gap:10px}.field-row>label{flex:1;min-width:0}.field-row label{margin-top:5px;margin-bottom:7px}.check-label{display:flex;flex-direction:row;gap:8px;align-items:center;font-size:11px}.inspector details{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.inspector summary{font-weight:700;font-size:12px;cursor:pointer}.clip-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.clip-actions button{font-size:11px;padding:6px 8px;flex:1}.danger{color:#edae9d}.keyframe-actions{display:flex;gap:6px}.keyframe-actions button{font-size:10px;flex:1}.shortcut-list{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:25px;font-size:11px}.shortcut-list dt{color:var(--ink)}.shortcut-list dd{margin:0;color:var(--muted)}#missing-asset{background:#493024;border:1px solid #8b5d3b;padding:9px;font-size:12px;margin-bottom:12px}.timeline{height:324px;flex-shrink:0;border-top:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:#181c19}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;height:44px;flex-shrink:0;border-bottom:1px solid var(--line);gap:12px}.timeline-toolbar>div{display:flex;align-items:center;gap:12px}.timeline-toolbar button{border:0;padding:2px 5px;font-size:20px}.timeline-toolbar #fit-timeline{font-size:11px;border:1px solid var(--line);padding:3px 8px}.timeline-title{font-size:10px;letter-spacing:1px;color:#c7d3bc}#sequence-info{font-size:10px;color:var(--muted)}.timeline-toolbar label{margin:0;font-size:10px}.zoom-label{display:flex;flex-direction:row;align-items:center;gap:8px}.zoom-label input{width:80px}.timeline-body{display:flex;overflow:auto;flex:1;min-height:0}.timeline-body #track-labels{width:145px;flex-shrink:0;z-index:2;background:#202620;border-right:1px solid var(--line)}.track-label{height:32px;display:flex;align-items:center;gap:8px;padding:0 9px;border-bottom:1px solid #303830;font-size:10px}.track-label .track-id{color:var(--muted);font-size:8px;width:15px}.track-label .track-name{flex:1}.track-label button{font-size:10px;padding:0;border:0;width:15px;opacity:.7}.track-label button.active{color:var(--accent);opacity:1}.ruler-label{height:23px;border-bottom:1px solid #353e35}#track-scroll{overflow-x:auto;overflow-y:hidden;flex:1;min-width:0}#tracks{position:relative;min-width:100%;height:247px}#ruler{height:23px;position:relative;border-bottom:1px solid #384337;cursor:crosshair;background:#1d241e}#ruler span{position:absolute;top:4px;font-size:9px;font-variant-numeric:tabular-nums;color:#9fae9b;pointer-events:none}.lane{height:32px;border-bottom:1px solid #2d352e;position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent 119px,#ffffff04 120px);cursor:crosshair}.lane[data-kind=text]{background-color:#191d24}.lane[data-kind=audio]{background-color:#1c211c}.timeline-clip{position:absolute;top:3px;height:26px;padding:0;border-radius:4px;border:1px solid #75815d;background:#435236;color:#f0f6e9;overflow:hidden;touch-action:none;cursor:grab;min-width:4px;display:flex;align-items:center;gap:5px}.timeline-clip[data-kind=text]{background:#41405c;border-color:#77728e}.timeline-clip[data-kind=audio]{background:#284f4b;border-color:#4b8277}.timeline-clip.selected{outline:2px solid #e0f7a0;outline-offset:0;z-index:2}.timeline-clip.missing{background:#632e23;border-color:#bd8d73}.timeline-clip img{width:38px;height:100%;object-fit:cover;pointer-events:none}.timeline-clip .clip-name{position:relative;z-index:1;font-size:10px;padding:0 5px;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #000}.timeline-clip svg{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}.trim-handle{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:3}.trim-handle.left{left:0}.trim-handle.right{right:0}.timeline-clip.selected .trim-handle{background:#dff79588}.lane.locked .timeline-clip{opacity:.55}.lane.muted{opacity:.45}#playhead{position:absolute;top:0;bottom:0;width:1px;background:#e5fba9;pointer-events:none;z-index:5}#playhead>span{position:absolute;top:0;left:-5px;width:11px;height:13px;background:#e5fba9;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.timeline-footer{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);flex-shrink:0}.separator{padding:0 8px;color:#5e6a59}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px);z-index:100;padding:12px 20px;background:#d9ecbb;color:#17210e;border-radius:6px;max-width:90vw;box-shadow:0 5px 30px #0005;opacity:0;pointer-events:none;transition:.15s}#toast.on{opacity:1;transform:translate(-50%,0)}#drop-overlay{position:fixed;inset:12px;background:#202e20ed;border:2px dashed var(--accent);z-index:80;display:flex;align-items:center;justify-content:center;font-size:30px}#drop-overlay[hidden]{display:none}#render-engine{position:fixed;width:1px;height:1px;left:-10000px;top:0;border:0}dialog{width:min(460px,calc(100vw - 30px));padding:32px;background:#1d241d;color:var(--ink);border:1px solid #526045;border-radius:12px}dialog::backdrop{background:#040805bb;backdrop-filter:blur(4px)}dialog h2{font-size:29px;letter-spacing:-1px;margin-top:10px}.modal-close{position:absolute;top:12px;right:12px;border:0;font-size:22px}.export-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:18px 0}.progress-top{display:flex;justify-content:space-between;margin:25px 0 12px}progress{width:100%;height:8px;accent-color:var(--accent)}#export-detail{font-size:12px;min-height:45px;margin-top:14px}.export-check{font-size:38px;color:var(--accent);margin:20px 0 0}
@media(max-width:1180px){.workspace{grid-template-columns:190px minmax(220px,1fr) 225px}.editor-header{padding:0 12px;gap:12px}#project-name{width:150px}#save-status{display:none}.panel{padding:15px 12px}.inspector{padding:13px}.stage-bar{padding:0 12px}#engine-label{display:none}.stage-bar>div{gap:6px}.transport{gap:8px;padding:9px 12px}.timeline{height:318px}.empty-symbol{display:none}#empty-stage h2{font-size:26px}.primary{padding:9px 12px}}
@media(max-width:860px){body{height:auto;min-height:100dvh}.editor-header{height:auto;min-height:90px;flex-wrap:wrap;padding:10px 14px;gap:8px}.brand{font-size:21px}#project-name{margin-left:auto;width:45%;text-align:right}.header-actions{width:100%;justify-content:flex-end;gap:8px}.header-actions button{font-size:11px;padding:6px 9px}.workspace{display:contents}.stage{order:1;height:430px}.stage-bar{height:40px}.preview-area{padding:12px}.library{order:3;border-top:1px solid var(--line);border-right:0}.library-tabs{position:static}.panel{padding:18px}.panel h1{font-size:18px}.sample-grid{grid-template-columns:repeat(4,1fr)}.sample strong{font-size:12px}.sample img{aspect-ratio:1.6}.import-button{padding:10px}.import-button small{display:inline;margin-left:8px}.panel .eyebrow{margin-top:15px}.import-library{display:grid;grid-template-columns:1fr 1fr}.library .muted.small{margin-bottom:0}.inspector{order:4;border:0;border-top:1px solid var(--line);overflow:visible;padding:18px}#no-selection{display:none}#clip-inspector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}#clip-inspector[hidden]{display:none}#text-fields,#visual-fields,#audio-fields{grid-column:1/-1}#visual-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#visual-fields[hidden]{display:none}.clip-actions{grid-column:1/-1}.timeline{order:2;height:324px}.timeline-toolbar{padding:7px 12px;gap:4px}.timeline-toolbar>div{gap:8px}.timeline-title{display:none}.timeline-body #track-labels{width:115px}.track-label{padding:0 7px;gap:5px}.track-label .track-id{display:none}.zoom-label{font-size:0!important}.zoom-label input{width:62px}.timeline-footer{padding:0 10px;font-size:9px}.timeline-footer>span:last-child{display:none}.preset-grid{grid-template-columns:repeat(3,1fr)}.preset-grid button{padding:12px 8px;flex-direction:column;gap:5px}.score-card{max-width:440px}#panel-audio label{max-width:440px}#empty-stage h2{font-size:32px}.empty-symbol{display:block;font-size:40px;margin-bottom:10px}.transport{gap:10px}#timecode{font-size:10px}}
@media(max-width:420px){.stage{height:385px}.header-actions{gap:3px}.sample strong{font-size:10px}.timeline-toolbar>div{gap:5px}#sequence-info{font-size:9px}.timeline-toolbar button{font-size:18px}.timeline-body #track-labels{width:104px}.track-label{font-size:9px}.timeline-footer{font-size:8px}#clip-inspector{gap:0 12px}#visual-fields{gap:0 12px}.stage-bar select{font-size:10px}#empty-stage h2{font-size:28px}.import-library{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:861px){.workspace{grid-template-rows:minmax(0,1fr)}.stage,.library,.inspector{min-height:0}}
.library-tabs{display:grid;grid-template-columns:1fr 1fr}.library-tabs button{min-width:0}.caption-list{display:flex;flex-direction:column;gap:9px;margin:18px 0}.caption-cue{border:1px solid var(--line);border-radius:5px;overflow:hidden}.caption-cue.active{border-color:var(--accent)}.caption-cue button{display:flex;justify-content:space-between;width:100%;border:0;border-radius:0;background:#252e24;color:var(--muted);padding:6px 8px;font-size:10px}.caption-cue textarea{display:block;border:0;border-radius:0;background:#171d18;resize:vertical;min-height:56px;padding:8px;font-size:12px}.caption-list .muted{margin:0}#caption-count{font-size:10px;color:var(--muted)}@media(max-width:860px){.library-tabs{grid-template-columns:repeat(4,1fr)}.caption-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.caption-list{grid-template-columns:1fr}}
[hidden]{display:none!important}