.video-assembler{border:1px solid var(--border,#d7dce0);background:var(--panel,#fff);border-radius:12px;padding:24px}.assembly-toolbar,.assembly-heading,.assembly-start{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.assembly-heading>label:first-child{flex:1;min-width:240px}.assembly-fields{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.assembly-fields>label{flex:1;min-width:95px}.assembly-fields input{max-width:150px}.assembly-workbench{grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin:24px 0;display:grid}.assembly-monitor{aspect-ratio:16/9;color:#fff;background:#101820;place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.assembly-monitor.vertical{aspect-ratio:9/16;max-height:540px;margin:auto}.assembly-monitor img,.assembly-monitor video{object-fit:cover;width:100%;height:100%}.assembly-overlay{white-space:pre-wrap;background:#0006;max-width:90%;padding:8px;position:absolute}.assembly-transport{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.assembly-transport input{flex:1;min-width:160px}.assembly-transport output{font-variant-numeric:tabular-nums}.assembly-inspector{border:1px solid #d7dce0;border-radius:8px;max-height:740px;padding:20px;overflow:auto}.assembly-inspector label{gap:6px;margin:12px 0;display:grid}.assembly-inspector label:has(input[type=checkbox]){align-items:center;display:flex}.assembly-inspector fieldset{margin:16px 0;padding:12px}.assembly-inspector h3{overflow-wrap:anywhere;margin-top:0}.assembly-timeline{border:1px solid #d7dce0;border-radius:8px;margin:24px 0;overflow:auto}.assembly-ruler{background:#f4f6f7;grid-template-columns:180px 1fr 1fr 1fr;min-width:700px;padding:12px;display:grid}.assembly-ruler span:last-child{text-align:right}.assembly-track{border-top:1px solid #d7dce0;grid-template-columns:180px minmax(520px,1fr);min-width:700px;display:grid}.assembly-track header{gap:12px;padding:16px;display:grid}.assembly-track header button{padding:6px 10px!important}.assembly-lane{background:repeating-linear-gradient(90deg,#f8fafb 0% 9.9%,#e5e9ec 10%);min-height:100px;position:relative}.assembly-clip{text-align:left;cursor:grab;background:#dfeef4;border:1px solid #557f93;border-radius:6px;align-content:start;gap:4px;min-width:30px;height:76px;padding:10px;display:grid;position:absolute;top:12px;overflow:hidden}.assembly-clip strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.assembly-clip.selected{outline-offset:-3px;outline:3px solid #aa252e}.assembly-renders{border:1px solid #d7dce0;border-radius:8px;padding:20px}.assembly-renders>div{border-bottom:1px solid #eee;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0;display:flex}.assembly-result{background:#101820;width:100%;max-height:720px;margin-top:24px}.assembly-script{background:#f8fafb;border-radius:8px;padding:20px}.assembly-script pre{white-space:pre-wrap;font:inherit}.assembly-script details{margin:12px 0}.assembly-start{justify-content:flex-start}.assembly-inspector .admin-action-row{flex-wrap:wrap;gap:8px}@media (width<=1050px){.assembly-workbench{grid-template-columns:minmax(0,1fr)}.assembly-inspector{max-height:none}.assembly-monitor.vertical{max-height:440px}.video-assembler{padding:20px}}@media (width<=600px){.video-assembler{padding:16px}.assembly-heading>label:first-child{min-width:0}.assembly-fields input{max-width:100%}.assembly-transport output,.assembly-toolbar>div{width:100%}}.assembly-overlay video{width:100%;height:auto;display:block}.assembly-workbench{align-items:start}.assembly-monitor{width:min(100%,640px);margin:auto;position:relative}.assembly-monitor.vertical{width:202px;max-height:none}.assembly-inspector{max-height:700px;position:sticky;top:12px}.assembly-ruler{grid-template-columns:130px 1fr 1fr 1fr;min-width:620px}.assembly-track{grid-template-columns:130px minmax(490px,1fr);min-width:620px}.assembly-track header{gap:8px;padding:12px;font-size:13px}.assembly-lane{min-height:76px}.assembly-clip{height:56px;padding:6px;top:10px}.assembly-timeline{margin:16px 0}.assembly-track header:has(button+button){gap:6px}@media (width<=1050px){.assembly-inspector{max-height:none;position:static}.assembly-monitor{position:static}}@media (width<=600px){.assembly-heading{flex-direction:column;align-items:stretch}.assembly-heading>label{width:100%}.assembly-heading>label:first-child{flex:auto}}