:root{--bg: #0a0a0b;--panel: #0e0e10;--fg: #ededea;--muted: #7c7c80;--faint: rgba(255, 255, 255, .09);--faint-2: rgba(255, 255, 255, .05);--accent: #ffffff;--sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--fg);color:var(--bg)}.mono{font-family:var(--mono)}.app{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:center;padding:30px 0}.brand{font-size:15px;font-weight:400;letter-spacing:.02em;color:var(--fg);text-decoration:none}.brand b{font-weight:600}.stage{padding:20px 0 8px}.captionRow{display:flex;gap:28px;align-items:baseline;margin-bottom:14px}.captionRow .status{margin-left:auto;color:var(--muted)}.frame{position:relative;background:#000;border:1px solid var(--faint);overflow:hidden}.canvas{display:block;width:100%;height:auto;cursor:pointer}.drop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 40%,#141416,#050506)}.dropInner{text-align:center;max-width:420px;padding:24px}.dropInner .kicker{margin-bottom:18px;display:block}.dropText{font-family:var(--mono);font-size:13.5px;line-height:1.6;color:#a7a7a9;margin-bottom:28px}.ghostBtn{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg);background:transparent;border:1px solid var(--faint);padding:12px 26px;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.ghostBtn:hover{border-color:#fff6;background:#ffffff08}.ghostBtn:disabled{opacity:.35;cursor:not-allowed}.export{position:absolute;top:0;right:0;bottom:0;left:0;background:#050506f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}.exStatus{font-family:var(--mono);font-size:13px;letter-spacing:.1em;color:var(--fg)}.exBar{width:min(360px,72%);height:1px;background:var(--faint);position:relative;overflow:hidden}.exFill{position:absolute;inset:0 auto 0 0;background:var(--fg);transition:width .25s ease}.exPct{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted)}.controls{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:clamp(24px,4vw,56px);padding:40px 0 8px;border-top:1px solid var(--faint-2);margin-top:40px}.ctl{display:flex;flex-direction:column;gap:12px;min-width:128px}.ctlHead{display:flex;justify-content:space-between;gap:14px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ctlHead .val{color:var(--fg)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:1px;background:#ffffff38;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);border:none}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--accent);border:none}.ctlSection{flex-basis:100%;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--faint-2);padding-top:22px;margin-top:10px}.ctlSection:first-child{border-top:none;padding-top:0;margin-top:0}.textInput{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--fg);background:transparent;border:none;border-bottom:1px solid var(--faint);padding:4px 0;width:160px}.textInput::placeholder{color:var(--muted)}.textInput:focus{outline:none;border-bottom-color:var(--accent)}.colorInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:26px;padding:0;border:1px solid var(--faint);background:transparent;cursor:pointer}.colorInput::-webkit-color-swatch-wrapper{padding:3px}.colorInput::-webkit-color-swatch{border:none;border-radius:0}.colorInput::-moz-color-swatch{border:none}.segmented{display:flex;gap:16px}.seg{font-family:var(--mono);font-size:12px;letter-spacing:.08em;background:none;border:none;color:var(--muted);cursor:pointer;padding:0 0 4px;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.seg:hover{color:var(--fg)}.seg.on{color:var(--fg);border-bottom-color:var(--accent)}.toggle{font-family:var(--mono);font-size:12px;letter-spacing:.1em;background:none;border:none;color:var(--muted);cursor:pointer;padding:0;text-align:left}.toggle .state{color:var(--fg)}.toggle.on .state{color:var(--accent)}.actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:14px}@media (max-width: 720px){.actions{margin-left:0}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--bg);opacity:1;transition:opacity .6s ease}.loader--out{opacity:0;pointer-events:none}.loaderLine{font-size:clamp(18px,3vw,30px);letter-spacing:.02em;color:var(--fg);-webkit-user-select:none;user-select:none;white-space:nowrap}.loaderSwap{display:inline-block;font-weight:600}.loaderSwap .ch{color:var(--fg);transition:color .14s ease}.loaderSwap .ch.scramble{color:var(--fg);text-shadow:0 0 16px rgba(255,255,255,.35)}.footer{padding:40px 0;text-align:center;font-size:10px;letter-spacing:.1em;color:var(--muted)}.footer a{color:var(--muted);text-decoration:none;transition:color .2s ease}.footer b{font-weight:600;color:var(--fg)}