:root{--studio-bg:#101218;--studio-panel:#171a22;--studio-border:#2a3040;--studio-text:#e8eaef;--studio-muted:#9aa3b5;--studio-accent:#e8c547;--studio-input:#10141c;color:var(--studio-text);background:var(--studio-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100svh}button,input,select,textarea{font:inherit;color:inherit}#root{min-height:100svh}.studio{background:radial-gradient(1200px 500px at 50% -10%, #24304a 0%, transparent 55%), var(--studio-bg);grid-template-rows:auto 1fr;grid-template-columns:220px minmax(0,1fr);min-height:100svh;display:grid}.studio-bar{border-bottom:1px solid var(--studio-border);grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:24px;padding:16px 20px 12px;display:flex}.studio-bar h1{letter-spacing:-.03em;margin:0;font-size:22px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--studio-accent);margin:0 0 2px;font-size:11px}.bar-note{color:var(--studio-muted);margin:0;font-size:13px}.panel{background:var(--studio-panel);border-right:1px solid var(--studio-border);flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex}.controls-panel{border-right:0;border-left:1px solid var(--studio-border);overflow:auto}.panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-head h2{margin:0;font-size:15px}.panel-actions{gap:8px;display:flex}.hint{color:var(--studio-muted);margin:0;font-size:12px;line-height:1.45}.hint code{color:var(--studio-accent)}.md-input{resize:none;border:1px solid var(--studio-border);background:var(--studio-input);border-radius:8px;flex:1;min-height:280px;padding:12px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.5}.file-btn,.ghost-btn,.export-btn{border:1px solid var(--studio-border);cursor:pointer;background:#1e2430;border-radius:8px;padding:8px 10px}.file-btn{font-size:12px;position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.ghost-btn.wide{width:100%}.export-btn{background:var(--studio-accent);color:#16120a;border:0;padding:12px;font-weight:700}.export-btn:disabled{opacity:.7;cursor:wait}.field{color:var(--studio-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.field select,.field input[type=range]{width:100%}.field select{background:var(--studio-input);border:1px solid var(--studio-border);border-radius:8px;padding:8px}.color-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.color-row input[type=color]{border:1px solid var(--studio-border);background:0 0;width:100%;height:36px;padding:0}.segmented{grid-template-columns:1fr 1fr;gap:6px;display:grid}.segmented button{border:1px solid var(--studio-border);background:var(--studio-input);cursor:pointer;border-radius:8px;padding:8px}.segmented button.on{border-color:var(--studio-accent);color:var(--studio-accent);background:#2d3a22}.motion-set{border:1px solid var(--studio-border);border-radius:10px;flex-direction:column;gap:6px;margin:0;padding:8px;display:flex}.motion-set legend{color:var(--studio-muted);padding:0 6px;font-size:12px}.radio-card{cursor:pointer;border-radius:8px;align-items:flex-start;gap:8px;padding:8px;display:flex}.radio-card:has(input:checked){background:#222836}.radio-card strong,.radio-card em{display:block}.radio-card strong{font-size:13px;font-weight:600}.radio-card em{color:var(--studio-muted);font-size:11px;font-style:normal;line-height:1.4}.playback{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.preview-panel{place-items:center;min-width:0;min-height:0;padding:20px;display:grid;position:relative}.preview-shell{place-items:center;display:grid}.stage-frame{background:#000;border:1px solid #000;overflow:hidden;box-shadow:0 24px 80px #00000073}.stage-viewport{transform-origin:0 0;background:#111;overflow:hidden}.stage-camera{transform-origin:0 0;will-change:transform}.stage-clip{isolation:isolate;width:max-content;position:relative}.highlight-layer{pointer-events:none;mix-blend-mode:multiply;z-index:1;position:absolute;inset:0}.highlight-layer.is-dark{mix-blend-mode:overlay}.hl-mark{border-radius:3px;position:absolute;transform:rotate(-.35deg)}.measure-host{opacity:0;z-index:-1;pointer-events:none;position:fixed;top:0;left:0}.studio-nav{border-right:1px solid var(--studio-border);background:var(--studio-panel);flex-direction:column;gap:6px;padding:16px 12px;display:flex;overflow:auto}.nav-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--studio-muted);margin:0 8px 8px;font-size:11px}.nav-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;display:flex}.nav-item strong{font-size:14px}.nav-item span{color:var(--studio-muted);font-size:11px;line-height:1.35}.nav-item.on{box-shadow:inset 2px 0 0 var(--studio-accent);background:#222836}.studio-highlight .studio-stage{overflow:hidden}.highlight-grid{grid-template-columns:minmax(240px,320px) minmax(0,1fr) minmax(240px,300px);height:100%;min-height:0;display:grid}.desk{flex-direction:column;gap:16px;max-width:1100px;padding:24px;display:flex}.desk-head h2{margin:0 0 6px}.desk-head p{color:var(--studio-muted);margin:0}.board-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.step-card{text-align:left;border:1px solid var(--studio-border);background:var(--studio-panel);cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.step-card.done{border-color:#3d4a28}.step-num{background:#1e2430;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.step-card em{color:var(--studio-muted);font-size:12px;font-style:normal;display:block}.step-state{color:var(--studio-accent);font-size:12px}.board-note{border:1px solid var(--studio-border);color:var(--studio-muted);border-radius:12px;padding:16px}.board-note h3{color:var(--studio-text);margin:0 0 8px}.text-input{background:var(--studio-input);border:1px solid var(--studio-border);border-radius:8px;width:100%;padding:10px}.title-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.title-chip{text-align:left;border:1px solid var(--studio-border);background:var(--studio-input);cursor:pointer;border-radius:10px;width:100%;padding:12px}.title-chip.on{border-color:var(--studio-accent);background:#2d3a22}.caption-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.caption-split{grid-template-columns:1fr 1fr;gap:12px;min-height:280px;display:grid}.grow{min-height:0}.caption-preview{text-align:center;background:#08090d;border-radius:16px;place-items:center;min-height:140px;padding:24px;display:grid}.caption-line{color:#fff;text-shadow:0 2px #000;margin:0;font-size:36px;font-weight:700}.caption-time{color:var(--studio-muted);margin:0 0 8px;font-size:12px}.thumb-canvas{border:1px solid var(--studio-border);border-radius:12px;width:min(100%,960px);height:auto}.publish-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.publish-grid pre,.publish-grid ul{background:var(--studio-input);border:1px solid var(--studio-border);white-space:pre-wrap;border-radius:10px;padding:12px;font-size:13px;line-height:1.45}.md-input.short{min-height:90px}.tag-row{color:var(--studio-muted)}@media (width<=900px){.caption-split,.publish-grid{grid-template-columns:1fr}}.export-error{color:#ffd4d4;background:#3b1c1c;border-radius:8px;margin:0;padding:8px 12px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (width<=1100px){.studio,.studio-highlight{grid-template-rows:auto auto minmax(520px,1fr);grid-template-columns:1fr}.highlight-grid{grid-template-columns:1fr}.panel,.controls-panel,.studio-nav{border:0;border-bottom:1px solid var(--studio-border)}}.article-sheet{background:var(--article-bg);color:var(--article-fg);font-family:var(--article-body);position:relative;overflow:visible}.article-sheet:before,.article-sheet:after{content:"";pointer-events:none;z-index:3;position:absolute;inset:0}.article-body{z-index:2;position:relative}.article-sheet[data-layout=vertical] .article-body{padding:108px 84px 140px}.article-sheet[data-layout=horizontal] .article-body{padding:72px 120px 96px}.article-body h1,.article-body h2,.article-body h3{font-family:var(--article-head);letter-spacing:-.02em;margin:0 0 22px;font-weight:700;line-height:1.12}.article-sheet[data-layout=vertical] .article-body h1{font-size:68px}.article-sheet[data-layout=horizontal] .article-body h1{font-size:54px}.article-body h2{font-size:40px}.article-body h3{font-size:32px}.article-body p,.article-body li{margin:0 0 22px;font-size:32px;line-height:1.55}.article-sheet[data-layout=horizontal] .article-body p,.article-sheet[data-layout=horizontal] .article-body li{font-size:28px}.article-body .kicker{font-family:var(--article-body);letter-spacing:.02em;color:var(--article-accent);margin-bottom:28px;font-size:22px;font-weight:600}.article-body .kicker:before{content:"";background:var(--article-accent);vertical-align:middle;width:11px;height:11px;margin-bottom:2px;margin-right:10px;display:inline-block}.article-body .byline{color:var(--article-muted);margin:8px 0 28px;font-size:26px}.article-body hr{border:0;border-top:1px solid #00000029;margin:8px 0 32px}.article-sheet.is-dark .article-body hr{border-top:1px solid #ffffff29}.article-body ul,.article-body ol{margin:0 0 22px;padding-left:1.2em}.article-body blockquote{border-left:3px solid var(--article-accent);color:var(--article-muted);margin:0 0 24px;padding:8px 0 8px 24px}.md-highlight{--hl:1;background-color:color-mix(in srgb, var(--article-highlight) calc(var(--hl,1) * 100%), transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px;margin:0 -.08em;padding:.04em .16em;font-weight:700}.texture-newsprint{background-color:var(--article-bg);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#503c1e0b 2px 3px),repeating-linear-gradient(90deg,#0000,#0000 3px,#281e0a08 3px 4px)}.article-sheet[data-theme=newspaper] .article-body h1{border-bottom:3px double #0000008c;padding-bottom:18px}.texture-parchment:before{mix-blend-mode:multiply;background:radial-gradient(at 18% 12%,#78461429,#0000 42%),radial-gradient(at 88% 78%,#5a280a2e,#0000 46%),radial-gradient(at 40% 100%,#a06e281f,#0000 40%)}.texture-parchment:after{background-image:repeating-linear-gradient(-12deg,#0000,#0000 7px,#5a320a0a 7px 8px)}.texture-paper:after{opacity:.28;background-image:radial-gradient(#5a46282e .6px,#0000 .8px);background-size:3px 3px}.texture-fiber:after{opacity:.22;background-image:repeating-linear-gradient(90deg,#0000,#0000 11px,#fff0c814 11px 12px)}.article-sheet.theme-ready{min-height:100%}