.editor-page{height:100vh;overflow:hidden;background:#dcd9d1}
.editor-shell{height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}
.editor-sidebar{position:relative;height:100vh;padding-bottom:16px}
.project-drawer{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;margin-top:22px;border-top:1px solid rgb(255 255 255 / 9%);padding-top:18px}
.project-drawer__heading{display:flex;align-items:center;justify-content:space-between;padding:0 7px 9px;color:var(--sidebar-soft);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.mini-button{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font-size:17px;font-weight:800}.project-drawer .mini-button{width:25px;height:25px;border-color:rgb(255 255 255 / 12%);background:rgb(255 255 255 / 7%);color:var(--accent)}
.project-list{min-height:70px;display:grid;align-content:start;gap:5px;overflow:auto;padding-right:4px}.project-list__empty{padding:12px 8px;color:var(--sidebar-soft);font-size:11px;line-height:1.5}
.project-list button{width:100%;display:grid;gap:3px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--sidebar-soft);text-align:left}.project-list button:hover,.project-list button.is-active{background:rgb(255 255 255 / 8%);color:#fff}.project-list strong,.project-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list strong{font-size:11px}.project-list small{color:inherit;font-size:9px;opacity:.68}
.editor-sidebar .sidebar-spacer{flex:0 0 10px}
.editor-main{min-width:0;height:100vh;display:grid;grid-template-rows:auto minmax(330px,1fr) minmax(245px,36vh);overflow:hidden}
.editor-topbar{min-height:68px;display:flex;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px solid #343934;background:#141714;color:#fff}
.project-title-group{min-width:0;display:flex;align-items:center;gap:10px}.preset-chip{flex:0 0 auto;padding:5px 7px;border:1px solid rgb(213 255 63 / 25%);border-radius:6px;background:rgb(213 255 63 / 9%);color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.project-name-input{width:min(370px,34vw);padding:7px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#fff;font-size:16px;font-weight:760}.project-name-input:not(:disabled):hover,.project-name-input:not(:disabled):focus{border-color:rgb(255 255 255 / 15%);background:rgb(255 255 255 / 6%);outline:0}.project-name-input:disabled{color:#808781}
.editor-actions{display:flex;gap:7px;margin-left:auto}.editor-topbar .button--quiet{border-color:rgb(255 255 255 / 13%);background:rgb(255 255 255 / 6%);color:#eef0ed}.editor-topbar .button--quiet:hover{border-color:rgb(255 255 255 / 25%)}.editor-topbar .button--primary{background:var(--accent);color:var(--accent-ink)}
.editor-grid{min-height:0;display:grid;grid-template-columns:minmax(205px,245px) minmax(360px,1fr) minmax(210px,260px);gap:8px;padding:8px;background:#202420}
.panel-card{min-width:0;border:1px solid #353b36;border-radius:10px;background:#171a17;color:#f2f4f1;box-shadow:0 10px 26px rgb(0 0 0 / 12%)}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 11px}.panel-heading .eyebrow,.timeline-header .eyebrow{margin-bottom:3px;color:#9fab40}.panel-heading h2,.timeline-header h2{margin:0;font-size:14px}.panel-heading .mini-button{border-color:#3b423c;background:#232823;color:#fff}
.asset-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}.asset-search{display:flex;align-items:center;gap:7px;margin:0 12px 9px;padding:0 9px;border:1px solid #343a35;border-radius:8px;background:#101310;color:#858d86}.asset-search input{min-width:0;width:100%;padding:8px 0;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.asset-breadcrumbs{min-height:26px;display:flex;align-items:center;gap:3px;overflow-x:auto;padding:0 12px 7px;white-space:nowrap}.asset-breadcrumbs button{padding:3px 5px;border:0;border-radius:5px;background:transparent;color:#aeb5af;font-size:10px}.asset-breadcrumbs button:hover{background:#272c27;color:#fff}.asset-breadcrumbs span{color:#5e665f;font-size:9px}
.asset-list{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;overflow:auto;padding:4px 10px 10px}.asset-card{min-width:0;display:grid;grid-template-rows:75px auto;overflow:hidden;padding:0;border:1px solid #343a35;border-radius:8px;background:#202420;color:#fff;text-align:left}.asset-card:hover{border-color:#758036}.asset-card__thumb{display:grid;place-items:center;overflow:hidden;background:#0d0f0d;color:#8c958e;font-size:9px;font-weight:850;text-transform:uppercase}.asset-card__thumb img,.asset-card__thumb video{width:100%;height:100%;object-fit:cover}.asset-card__meta{min-width:0;display:grid;gap:2px;padding:7px}.asset-card__meta strong,.asset-card__meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card__meta strong{font-size:9px}.asset-card__meta small{color:#899089;font-size:8px}.asset-card.is-folder .asset-card__thumb{color:var(--accent);font-size:28px}.panel-placeholder{grid-column:1/-1;margin:24px 8px;color:#8c938d;font-size:11px;line-height:1.55;text-align:center}.asset-help{margin:auto 12px 12px;color:#777f78;font-size:9px;line-height:1.45}
.preview-column{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.preview-toolbar{display:flex;align-items:center;gap:14px;padding:8px 12px}.preview-toolbar>span{margin-right:auto;color:#b6bdb7;font-size:11px;font-weight:750}.preview-toolbar label{display:flex;align-items:center;gap:5px;color:#8e968f;font-size:9px}.preview-toolbar input[type="number"]{width:62px;padding:5px 6px;border:1px solid #343a35;border-radius:6px;background:#0e110e;color:#fff}.preview-toolbar input[type="color"]{width:28px;height:24px;padding:1px;border:1px solid #343a35;border-radius:6px;background:#0e110e}
.preview-well{min-height:0;display:grid;place-items:center;overflow:hidden;padding:14px;background:radial-gradient(circle at 50% 40%,#2a302a,#101310 70%)}.preview-stage{position:relative;max-width:100%;max-height:100%;overflow:hidden;background:#070908;box-shadow:0 18px 50px rgb(0 0 0 / 42%);isolation:isolate}.preview-stage[data-aspect="9:16"]{height:100%;aspect-ratio:9/16}.preview-stage[data-aspect="16:9"]{width:100%;aspect-ratio:16/9}.preview-stage.is-empty{width:min(620px,92%);height:min(330px,82%);display:grid;place-items:center;border:1px dashed #465047;background:#151915}.preview-empty{display:grid;justify-items:center;gap:8px;padding:25px;color:#838c84;text-align:center}.preview-empty strong{color:#fff;font-size:18px}.preview-empty span{font-size:11px}.preview-empty .button{margin-top:8px}.stage-layer{position:absolute;inset:0;pointer-events:none}.stage-media{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform-origin:center}.stage-text{position:absolute;left:50%;top:50%;max-width:90%;padding:.16em .28em;color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:850;line-height:1.05;text-align:center;text-shadow:0 .06em .16em rgb(0 0 0 / 85%);white-space:pre-wrap;transform-origin:center}.stage-text mark{padding:0;background:transparent;color:var(--clip-highlight,#d5ff3f)}
.transport{display:flex;align-items:center;gap:7px;padding:8px}.transport-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #373e38;border-radius:8px;background:#222722;color:#fff}.transport-button--play{background:var(--accent);color:var(--accent-ink);font-size:13px}.timecode{width:126px;color:#c1c8c2;font-variant-numeric:tabular-nums;font-size:10px;text-align:center}.playhead-slider{min-width:90px;flex:1;accent-color:var(--accent)}.transport-action{padding:8px 10px;border-color:#373e38;background:#222722;color:#fff;font-size:9px}
.inspector{min-height:0;overflow:auto}.inspector-empty{padding:14px;color:#858e86;font-size:11px;line-height:1.6}.inspector-form{display:grid;gap:11px;padding:0 14px 16px}.inspector-form[hidden]{display:none}.inspector-form label,.agent-dialog label{display:grid;gap:5px;color:#8f9790;font-size:9px;font-weight:750}.inspector-form input,.inspector-form textarea,.inspector-form select,.agent-dialog select,.agent-dialog textarea{min-width:0;width:100%;padding:7px 8px;border:1px solid #353b36;border-radius:7px;background:#0e110e;color:#fff}.inspector-form input[type="range"]{padding:0;accent-color:var(--accent)}.inspector-form input[type="color"]{height:33px;padding:3px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-actions{display:flex;gap:7px;margin-top:3px}.inspector-actions .button{flex:1;padding:8px;font-size:9px}.button--danger{border:1px solid #7d3532;background:#4e211f;color:#ffcfcc}
.timeline-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-top:1px solid #323733;background:#121512;color:#fff}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 14px;border-bottom:1px solid #2f342f}.timeline-tools{display:flex;align-items:center;gap:6px}.timeline-tools .button{padding:7px 9px;border-color:#353b36;background:#202420;color:#fff;font-size:9px}.timeline-tools label{display:flex;align-items:center;gap:6px;color:#899089;font-size:9px}.timeline-tools input{width:90px;accent-color:var(--accent)}.timeline-scroll{min-height:0;overflow:auto}.timeline-inner{position:relative;min-width:100%}.timeline-ruler-row,.track-row{display:grid;grid-template-columns:150px minmax(0,1fr)}.timeline-ruler-row{position:sticky;z-index:8;top:0;height:26px;background:#181c18}.track-label{position:sticky;z-index:5;left:0;min-width:0;border-right:1px solid #303530;background:#181c18}.ruler-label{display:flex;align-items:center;padding:0 12px;color:#6f776f;font-size:8px;text-transform:uppercase}.timeline-ruler{position:relative;height:26px;border-bottom:1px solid #303530;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--second-width,20px) - 1px),#2e342f calc(var(--second-width,20px) - 1px),#2e342f var(--second-width,20px))}.ruler-tick{position:absolute;top:4px;color:#6f776f;font-size:8px;transform:translateX(3px)}.track-list{position:relative}.timeline-empty{padding:45px;color:#687069;font-size:11px;text-align:center}.track-row{min-height:50px;border-bottom:1px solid #282d29}.track-row.is-selected .track-label{background:#222822}.track-label{display:flex;align-items:center;gap:5px;padding:6px 8px}.track-name{min-width:0;flex:1;overflow:hidden;color:#d3d8d4;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.track-type{color:#69716a;font-size:7px;text-transform:uppercase}.track-control{width:20px;height:20px;padding:0;border:0;border-radius:5px;background:transparent;color:#737b74;font-size:9px}.track-control:hover,.track-control.is-on{background:#303630;color:var(--accent)}.track-lane{position:relative;min-height:50px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--second-width,20px) - 1px),rgb(255 255 255 / 2%) calc(var(--second-width,20px) - 1px),rgb(255 255 255 / 2%) var(--second-width,20px))}.timeline-clip{position:absolute;top:6px;height:38px;min-width:7px;display:flex;align-items:center;overflow:hidden;padding:0 10px;border:1px solid #60723a;border-radius:6px;background:linear-gradient(135deg,#405421,#29381b);color:#eaffaa;box-shadow:inset 0 1px rgb(255 255 255 / 8%);font-size:8px;font-weight:760;white-space:nowrap;user-select:none}.timeline-clip[data-type="audio"]{border-color:#3b6680;background:linear-gradient(135deg,#24475a,#172f3c);color:#bfe9ff}.timeline-clip[data-type="text"],.timeline-clip[data-type="caption"]{border-color:#805579;background:linear-gradient(135deg,#593553,#3a2036);color:#ffd0f5}.timeline-clip.is-selected{outline:2px solid var(--accent);outline-offset:1px}.clip-handle{position:absolute;z-index:2;top:0;bottom:0;width:6px;background:rgb(255 255 255 / 10%);cursor:ew-resize}.clip-handle--left{left:0}.clip-handle--right{right:0}.timeline-playhead{position:absolute;z-index:10;top:0;bottom:0;width:2px;background:#ff725f;pointer-events:none}.timeline-playhead span{position:absolute;top:0;left:50%;width:10px;height:8px;border-radius:2px;background:#ff725f;transform:translateX(-50%)}
.preset-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 0;padding:0;border:0}.preset-options legend{margin-bottom:7px;font-size:12px;font-weight:800}.preset-options label{position:relative;display:block;margin:0!important}.preset-options input{position:absolute;opacity:0}.preset-options span{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.preset-options input:checked+span{border-color:#718000;box-shadow:0 0 0 3px rgb(213 255 63 / 42%)}.preset-options small{color:var(--ink-soft);font-size:10px}.agent-dialog form{display:grid;gap:13px}.agent-dialog .field-pair label{margin:0}.agent-dialog select,.agent-dialog textarea{border-color:var(--line);background:#fff;color:var(--ink)}.agent-generate{justify-self:start}.agent-link-actions{display:flex;align-items:center;gap:10px}.agent-link-actions span{color:var(--ink-soft);font-size:10px}
@media(max-width:1180px){.editor-grid{grid-template-columns:210px minmax(360px,1fr)}.inspector{position:fixed;z-index:45;right:10px;top:78px;bottom:10px;width:250px;box-shadow:0 22px 60px rgb(0 0 0 / 45%)}.editor-main{grid-template-rows:auto minmax(330px,1fr) minmax(240px,35vh)}}
@media(max-width:900px){.editor-shell{grid-template-columns:1fr}.editor-sidebar{position:fixed}.editor-grid{grid-template-columns:minmax(0,1fr)}.asset-panel{position:fixed;z-index:40;left:8px;top:76px;bottom:8px;width:230px}.preview-column{grid-column:1}.editor-actions .button--quiet{display:none}.inspector{right:8px}.timeline-ruler-row,.track-row{grid-template-columns:125px minmax(0,1fr)}}
@media(max-width:680px){.editor-page{overflow:auto}.editor-main{height:auto;min-height:100vh;display:block}.editor-topbar{position:sticky;z-index:30;top:0}.project-name-input{width:42vw}.editor-grid{min-height:620px;display:block}.asset-panel,.inspector{position:static;width:auto;height:auto;margin-bottom:8px}.asset-panel{max-height:300px}.preview-column{min-height:540px}.preview-well{min-height:370px}.transport{flex-wrap:wrap}.playhead-slider{order:10;flex-basis:100%}.timeline-panel{min-height:300px}.editor-actions .button--primary{padding:9px 10px}.timeline-header{align-items:flex-start;flex-direction:column}.timeline-tools{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.timeline-clip{transition:none}}