@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#131512;--panel:#1b1d19;--line:#373b31;--muted:#a2a99a;--accent:#dcf88b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f3e9;font-family:'DM Sans',sans-serif;font-size:14px}main{max-width:1360px;margin:auto;padding:0 44px}a{color:inherit;text-underline-offset:4px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:1px;text-decoration:none;font-size:18px}.brand span{color:var(--muted);font-weight:400}.source{color:var(--muted);font-size:12px}.intro{padding:54px 0 40px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(42px,5vw,68px);font-weight:500;letter-spacing:-3px;line-height:1.07;margin:18px 0}h1 em{font-style:normal;color:var(--accent)}.intro p{color:var(--muted);line-height:1.8}.tags{display:flex;gap:8px;margin-top:25px}.tags span,.badge{font-size:9px;letter-spacing:1px;border:1px solid var(--line);border-radius:4px;padding:6px 9px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:25px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h2{font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--accent);font-weight:400;margin:0}h2 span{color:#f1f3e9;font-size:16px;margin-left:12px}.badge{color:var(--muted)}label{display:block;font-size:12px;color:#d2d7ca;margin-bottom:10px}textarea,select,input:not([type=checkbox]):not([type=range]){display:block;width:100%;background:#12140f;border:1px solid #424737;border-radius:7px;color:#eef2e4;padding:13px;font:inherit;margin-top:9px;outline:none}textarea{resize:vertical;line-height:1.65;min-height:140px}textarea:focus,select:focus,input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{cursor:pointer;border:1px solid var(--line);color:#d4dbca;background:#24271f;border-radius:6px;padding:8px 11px;font:inherit;font-size:11px}.presets{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 22px}.presets button:hover{color:var(--accent);border-color:var(--accent)}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-size:12px}summary span{float:right;color:var(--muted);font-size:11px}details[open]>summary{margin-bottom:16px}.fields{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin:15px 0}.fields label span{display:block;color:var(--muted);font-size:11px;margin-top:8px}input[type=range]{width:100%;accent-color:var(--accent);margin-top:12px}.check{display:flex;align-items:center;gap:8px;line-height:1.6}input[type=checkbox]{accent-color:var(--accent)}.actions{display:flex;gap:10px;margin-top:12px}.primary{display:flex;align-items:center;justify-content:space-between;background:var(--accent);border:0;color:#1a2110;font-size:14px;font-weight:700;padding:17px 20px;flex:1}.primary:hover{background:#e8ffa9}button:disabled{opacity:.5;cursor:wait}.hint{font-size:11px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.frames{display:grid;grid-template-columns:1fr 1fr;gap:14px}.frames input{font-size:10px!important;padding:9px!important}.frames img{display:block;width:100%;height:120px;object-fit:contain;margin:10px 0}.frames img[hidden]{display:none}#screen{aspect-ratio:16/11;display:grid;place-items:center;background:radial-gradient(ellipse at center,#343c28 0,#151910 65%);border:1px solid #343c2b;border-radius:9px;overflow:hidden}#empty{text-align:center;padding:30px}.play-symbol{border:1px solid #627345;color:var(--accent);border-radius:50%;width:62px;height:62px;display:grid;place-items:center;font-size:28px;margin:0 auto 26px}h3{font-family:'Space Grotesk',sans-serif;font-size:24px;line-height:1.3;font-weight:400;margin:10px 0}#empty p,.sample-box p{color:var(--muted);font-size:12px;line-height:1.7}video{width:100%;max-height:550px}.output-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}#status{font-size:12px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}#download{color:var(--accent);font-size:12px;white-space:nowrap}.sample-box{margin-top:26px;padding:24px;border-radius:8px;border:1px solid var(--line);background:#22261c}.sample-box h3{font-size:20px}.sample-box a{color:var(--accent);font-size:12px}#refined{font-size:12px;line-height:1.8;white-space:pre-wrap}footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);margin-top:40px;padding:25px 0 35px;color:var(--muted);font-size:9px;letter-spacing:.5px}footer p{max-width:560px;margin:0;line-height:1.8}#indicator[data-error=true]{color:#ffb49e}[hidden]{display:none!important}@media(max-width:850px){main{padding:0 20px}.workspace{grid-template-columns:1fr}.intro{padding-top:35px}header{height:75px}.source{display:none}h1{letter-spacing:-2px}footer{display:block}footer p{margin-top:15px}.panel{padding:20px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}