:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b0d12;color:#e8ecf4;font-size:16px;--muted:#a9b4c9;--line:#2a3347;--accent:#6ee7b7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#162136 0,transparent 50%)}main{max-width:1320px;margin:auto;padding:28px 28px 48px}nav,.heading-row,.export-row,.segmented{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}nav{border-bottom:1px solid var(--line);padding-bottom:20px}a{color:var(--accent);overflow-wrap:anywhere}.badge,.eyebrow{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.badge{border:1px solid #386657;padding:6px 12px;border-radius:30px}h1{font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.08;letter-spacing:-.04em;margin:8px 0 16px}h2{font-size:1.1rem;margin:0 0 12px}p{line-height:1.6;margin:10px 0}.intro{padding:28px 0 12px}.intro>p:not(.eyebrow){max-width:750px}.muted{color:var(--muted);font-size:.88rem}.hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:20px;align-items:start}.preview-panel,.control-panel,.timeline-panel,.composition{background:#141820;border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}video{display:block;width:100%;aspect-ratio:16/9;background:#080b10;border-radius:8px;margin:14px 0}label{display:block;font-size:.9rem;margin:12px 0}select,input[type=number],button,.button{font:inherit;color:inherit;border:1px solid #53637e;background:#1c2230;border-radius:6px;padding:9px 12px}select{display:block;width:100%;margin-top:6px}button,.button{cursor:pointer;text-decoration:none;font-size:.88rem}.button[aria-disabled=true]{opacity:.4;pointer-events:none}.primary,button[aria-pressed=true]{background:#6ee7b7;color:#071d18;border-color:#6ee7b7}button:disabled,input:disabled,select:disabled{opacity:.55;cursor:default}.export-row{justify-content:flex-start;margin-top:20px}.small-control{max-width:190px}.control-panel h2:not(:first-child){margin-top:28px}.segmented{justify-content:flex-start}.param{padding:10px 0;border-bottom:1px solid var(--line)}.param .param-line{display:flex;gap:10px;align-items:center;justify-content:space-between}.param input[type=number]{width:88px}.param label{margin:0}.param small{display:block;color:var(--muted);margin-top:5px}input[type=range]{width:100%;accent-color:var(--accent);margin:14px 0}input[type=file]{display:block;max-width:100%;font:inherit;margin-top:8px}pre{white-space:pre;overflow:auto;max-height:320px;background:#0c111a;border-radius:6px;padding:16px;font-size:.8rem;line-height:1.5}details{margin-top:18px}summary{cursor:pointer;font-weight:600;line-height:1.5}section{margin-bottom:24px}.timeline-panel{margin-top:20px}.track-row{display:grid;grid-template-columns:75px minmax(0,1fr);gap:12px;align-items:center;margin:9px 0}.track-label{font-size:.8rem;color:var(--muted)}.track-lane{height:27px;background:#0d121c;position:relative;border-radius:5px;overflow:hidden}.track-block{position:absolute;top:2px;height:23px;min-width:2px;background:#557ec5;border-radius:3px;font-size:.7rem;line-height:23px;overflow:hidden;padding-left:5px;color:white;white-space:nowrap}.track-block.audio{background:#337b69}.track-block.overlay{background:#8f6635}.playhead{position:absolute;top:0;bottom:0;width:2px;background:white;z-index:2}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);background:#141820;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.card.selected{border-color:var(--accent)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:black}.card-body{padding:16px;display:flex;flex-direction:column;flex:1}.card h3{font-size:1rem;margin:0}.card p{font-size:.86rem;color:var(--muted);flex:1}.card button{align-self:flex-start}#error{border:1px solid #ee9595;color:#ffd5d5;padding:16px;border-radius:8px}#status{color:var(--muted);font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{border-top:1px solid var(--line);margin-top:32px;padding-top:24px;font-size:.9rem}footer p{max-width:950px}:focus-visible{outline:3px solid #9b9eff;outline-offset:3px}[hidden]{display:none!important}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){main{padding:20px 14px}.preview-panel,.control-panel,.timeline-panel{padding:14px}.cards{grid-template-columns:1fr}.heading-row{align-items:flex-start}.track-row{grid-template-columns:58px minmax(0,1fr)}h1{font-size:2.2rem}}
.track-block.text{background:#6652a6}.track-block.callout{background:#8f526f}.track-block.transition{background:#756326}#edit-properties{font-size:.85rem;overflow-wrap:anywhere}
.preview-column{min-width:0}.preview-column .timeline-panel{margin-top:0}
#export-note{overflow-wrap:anywhere}