:root{--bg: #15171c;--surface: #1d2027;--surface-2: #262a33;--border: #333846;--text: #e6e8ee;--muted: #9aa1b2;--accent: #e8b84a;--accent-text: #1c1f28;--danger: #f08a80;--ok: #86d39a;--radius: 8px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1180px;margin:0 auto;padding:16px 20px 40px}.topbar{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}h1{font-size:18px;font-weight:600;margin:0}.version{color:var(--muted);font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}@media(max-width:860px){.layout{grid-template-columns:minmax(0,1fr)}}.stage canvas{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--border)}#preview{aspect-ratio:16 / 9;cursor:crosshair;touch-action:none}#strip{aspect-ratio:8 / 1}.stage-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:12px 0}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.segmented button{background:var(--surface);color:var(--muted);border:0;border-right:1px solid var(--border);padding:7px 14px;font:inherit;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-text);font-weight:600}.check{display:inline-flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer}.hint,.note{color:var(--muted);font-size:12.5px;margin:8px 0}.panel{display:grid;gap:14px}.panel section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}h2{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.field{display:grid;gap:4px;margin-bottom:10px}.field>span{color:var(--muted);font-size:12.5px}input[type=text],select{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 9px;font:inherit}input[type=range]{width:100%;accent-color:var(--accent)}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.swatches label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;cursor:pointer}input[type=color]{width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer}.layers{list-style:none;margin:0;padding:0;display:grid;gap:6px}.layers li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--border)}.layers li:first-child{border-top:0}.layer-name{font-weight:600}.layer-size{color:var(--muted);font-size:12px}.badge{display:inline-block;margin-left:6px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:600}.layer-actions{display:flex;gap:4px}button.small{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font:inherit;font-size:12px;cursor:pointer}button.small:hover{border-color:var(--muted)}button.primary{width:100%;background:var(--accent);color:var(--accent-text);border:0;border-radius:var(--radius);padding:10px 14px;font:inherit;font-weight:600;cursor:pointer}button.primary:disabled{opacity:.6;cursor:progress}.message{min-height:1.2em;margin:8px 0 0;font-size:12.5px;color:var(--ok)}.message.error{color:var(--danger)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}