:root{color-scheme:dark;--bg:#131317;--surface:#1b1b21;--ink:#f5f3ec;--muted:#b2afbb;--line:#ffffff25;--accent:#d2bdff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{outline-offset:4px}button{background:#25252e;border:1px solid var(--line);border-radius:7px;padding:7px 10px;cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);color:#171024;border:1px solid var(--accent);font-weight:700}.primary span{margin-left:7px}.quiet{background:transparent}.bar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 26px;border-bottom:1px solid var(--line);background:#17171c}.wordmark{text-decoration:none;color:var(--ink);font-size:26px;letter-spacing:-.075em;font-weight:760;white-space:nowrap}.wordmark span{color:var(--accent);font-weight:430}.release,.eyebrow{color:var(--muted);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase}.release i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#96e6b6;margin-right:5px}.shell{display:grid;grid-template-columns:minmax(305px,365px) minmax(0,1fr);min-height:calc(100dvh - 68px)}.controls{padding:24px;border-right:1px solid var(--line);max-height:calc(100dvh - 68px);overflow:auto}.intro h1{margin:.1em 0 .23em;font:400 clamp(3.4rem,6vw,5.3rem)/.82 Georgia,serif;letter-spacing:-.08em}.intro h1 em{color:var(--accent);font-weight:400}.intro>p:last-child,.panel p,.help,.footnote{color:var(--muted)}.modes,.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.modes{margin:18px 0}.modes button[aria-pressed=true],.workbar button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.panel{border-top:1px solid var(--line);padding:14px 0}.panel h2{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.presets button{text-align:left;padding:7px 8px}.presets span{display:block;font-size:.67rem;color:var(--muted)}.abyss{background:#192b29}.orbit{background:#302741}.forma{background:#392a21}textarea,input,select{display:block;width:100%;padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:#202027}textarea{resize:vertical}input[type=color]{height:36px;padding:3px}input[type=file]{max-width:100%;font-size:.75rem}.actions select{width:auto}.panel .actions{margin-top:7px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}label{display:block;font-size:.77rem;color:var(--muted);margin-top:7px}.help{margin-top:8px;font-size:.73rem}.help summary{cursor:pointer}.section-edit{padding:6px 0;border-bottom:1px solid var(--line);margin-bottom:6px}.section-edit summary{cursor:pointer;overflow-wrap:anywhere}.section-edit textarea{min-height:48px}.section-edit .actions button{padding:3px 7px;font-size:.73rem}.footnote{margin:11px 0;font-size:.72rem}.workspace{min-width:0;display:flex;flex-direction:column;max-height:calc(100dvh - 68px);background:#1e1e26}.workbar{padding:12px 17px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.workbar strong{display:block;overflow-wrap:anywhere}.workbar button{font-size:.72rem}#stage{min-height:300px;flex:1;display:flex;justify-content:center;padding:16px;overflow:hidden;background:radial-gradient(#ffffff25 1px,transparent 1px) 0 0/18px 18px}#preview{width:100%;max-width:100%;height:100%;border:1px solid var(--line);border-radius:9px;background:#071416;box-shadow:0 14px 50px #0007;transition:width .2s}#stage.mobile #preview{width:390px}.status{padding:8px 17px;background:#17171c;color:var(--muted);border-top:1px solid var(--line);font-size:.76rem;min-height:35px}.sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}#preview-source{margin-top:8px}
@media(max-width:760px){.shell{display:flex;flex-direction:column}.controls,.workspace{max-height:none}.workspace{order:-1}.controls{border-right:0;padding:19px}.bar{padding:0 14px}.release{display:none}#stage{height:52vh;min-height:290px;flex:auto;padding:8px}.workbar{padding:8px;align-items:flex-start}.intro h1 br{display:none}.intro h1 em{margin-left:.12em}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}