@font-face{font-family:Marcellus;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marcellus-latin-ext-400-normal-DkjSXVBo.woff2) format("woff2"),url(/assets/marcellus-latin-ext-400-normal-D06jIo1e.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Marcellus;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marcellus-latin-400-normal-86dSXJnk.woff2) format("woff2"),url(/assets/marcellus-latin-400-normal-AvMY561b.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--panel-bg: rgba(13, 10, 8, .9);--panel-line: rgba(227, 185, 94, .22);--accent: #e3b95e;--accent-bright: #f0d492;--text: #efe7d6;--dim: #b5a88f;--faint: rgba(239, 231, 214, .05);--hairline: rgba(239, 231, 214, .07);--ease-out: cubic-bezier(.4, 0, .2, 1);--fs-overline: 10px;--fs-label: 11px;--fs-control: 12.5px;--fs-action: 13px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;overflow:hidden}@supports (height: 100dvh){html,body,#app{height:100dvh}}body{font-family:Marcellus,Georgia,serif;background:#0d1b3d}.pattern{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}.pattern.grabbing{cursor:grabbing}.pattern:focus-visible{outline:2px solid var(--accent-bright);outline-offset:-2px}.panel{position:absolute;top:20px;right:20px;width:280px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);touch-action:manipulation;display:flex;flex-direction:column;background:var(--panel-bg);border:1px solid var(--panel-line);border-radius:12px;-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);box-shadow:inset 0 1px #f0d49214,0 8px 24px #00000059,0 32px 80px #00000080;color:var(--text);overflow:hidden;animation:panel-in .5s ease-out;transition:opacity .6s}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 50% at 50% 0%,rgba(227,185,94,.06),transparent 60%);pointer-events:none}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;cursor:pointer}.wordmark{font-size:26px;font-weight:400;letter-spacing:.16em;color:var(--accent);line-height:1;text-shadow:0 0 18px rgba(227,185,94,.25)}.panel.live .wordmark:after{content:"✦";font-size:12px;margin-left:8px;color:var(--accent-bright);display:inline-block;vertical-align:4px;animation:live-pulse 2.4s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.25;transform:rotate(22deg)}}.collapse{width:26px;height:26px;border:1px solid var(--panel-line);border-radius:50%;background:transparent;color:var(--dim);font-size:14px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,transform .12s}.collapse:hover{color:var(--accent);border-color:var(--accent)}.collapse:active{transform:translateY(1px)}.tagline{font-size:var(--fs-label);color:#efe7d68c;line-height:1.5;padding:6px 20px 10px;position:relative}.tagline:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,var(--panel-line),transparent)}.panel-content{min-height:0;display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s var(--ease-out),opacity .25s}.panel-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column}.panel.collapsed .panel-content{grid-template-rows:0fr;opacity:0}.panel.collapsed .panel-header{padding-bottom:14px}.panel-body{overflow-y:auto;min-height:0;padding:0 20px 8px;scrollbar-width:thin;scrollbar-color:rgba(227,185,94,.35) transparent}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-thumb{background:#e3b95e59;border-radius:2px}.group{padding:12px 0 4px}.group-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.group-head h2{flex:1;display:flex;align-items:center;gap:10px;font-size:var(--fs-overline);font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:#e3b95ed9}.group-head h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--panel-line),transparent)}.group-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s var(--ease-out),opacity .25s}.group-body>div{overflow:hidden;min-height:0}.group.is-off .group-body{grid-template-rows:0fr;opacity:0}.pair{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:var(--fs-label);letter-spacing:.08em;text-transform:lowercase}.row>span{color:var(--dim);display:flex;justify-content:space-between;align-items:baseline;transition:color .15s}.row:hover>span{color:var(--text)}.row em{font-style:normal;color:var(--accent-bright);min-width:5ch;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.02em}.row.toggle{flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer}.row.nested{padding-left:12px}.row.is-disabled{opacity:.4;pointer-events:none;transition:opacity .25s}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%;height:18px;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:linear-gradient(to right,var(--accent) var(--fill, 50%),rgba(239,231,214,.16) var(--fill, 50%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(180deg,var(--accent-bright),var(--accent));box-shadow:0 0 6px #e3b95e59;margin-top:-4.5px;transition:transform .15s,box-shadow .15s}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:rotate(45deg) scale(1.2);box-shadow:0 0 10px #e3b95e8c}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #e3b95e4d}input[type=range]::-moz-range-track{height:2px;border-radius:1px;background:#efe7d629}input[type=range]::-moz-range-progress{height:2px;border-radius:1px;background:var(--accent)}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:2px;transform:rotate(45deg);background:linear-gradient(180deg,var(--accent-bright),var(--accent));box-shadow:0 0 6px #e3b95e59;transition:transform .15s,box-shadow .15s}input[type=range]:hover::-moz-range-thumb{transform:rotate(45deg) scale(1.2);box-shadow:0 0 10px #e3b95e8c}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #e3b95e4d}input[type=checkbox]{appearance:none;width:32px;height:18px;border-radius:999px;border:1px solid rgba(239,231,214,.18);background:#efe7d624;position:relative;cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}input[type=checkbox]:before{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--text);box-shadow:0 1px 3px #00000073;transition:transform .22s var(--ease-out),background .2s}input[type=checkbox]:checked{background:linear-gradient(180deg,var(--accent-bright),var(--accent));border-color:#e3b95e80}input[type=checkbox]:checked:before{transform:translate(15px);background:#14100b}select{font-family:Marcellus,Georgia,serif;font-size:var(--fs-control);width:100%;padding:7px 28px 7px 10px;color:var(--text);background-color:var(--faint);border:1px solid var(--panel-line);border-radius:8px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23e3b95e' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;transition:border-color .15s}select:hover{border-color:var(--accent)}select option{background-color:#14100b;color:var(--text)}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:32px;height:23px;padding:0;border:1px solid rgba(0,0,0,.35);border-radius:6px;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;outline:1px solid transparent;outline-offset:2px;transition:transform .15s,outline-color .15s}.swatch:hover{outline-color:var(--panel-line)}.swatch[aria-checked=true]{outline-color:var(--accent);transform:scale(1.06)}.swatch .dot{width:5px;height:5px;border-radius:50%;display:block}.snaps{display:flex;gap:6px;margin:-6px 0 12px}.snaps button{font-family:inherit;font-size:var(--fs-overline);letter-spacing:.08em;padding:2px 7px;color:var(--dim);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;position:relative;transition:color .15s,border-color .15s}.snaps button:hover{border-color:var(--panel-line);color:var(--text)}.snaps button.active{color:var(--accent-bright);border-color:#e3b95e66}.snaps button.classic:after{content:"";position:absolute;left:50%;bottom:-4px;width:3px;height:3px;border-radius:50%;transform:translate(-50%);background:var(--accent)}.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}.preset{min-width:0;padding:4px;background:var(--faint);border:1px solid var(--panel-line);border-radius:8px;cursor:pointer;outline:1px solid transparent;outline-offset:2px;transition:border-color .15s,outline-color .15s,transform .12s}.preset:hover{border-color:var(--accent)}.preset:active{transform:translateY(1px)}.preset.active{outline-color:var(--accent)}.preset canvas{display:block;width:100%;border-radius:5px}.preset-caption{display:block;font-size:var(--fs-overline);color:var(--dim);letter-spacing:.06em;text-transform:lowercase;margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-footer{padding:12px 20px 14px;border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:8px}.actions{display:grid;grid-template-columns:1fr auto;gap:8px}.actions:has(.undo[hidden]){grid-template-columns:1fr}.surprise{font-family:Marcellus,Georgia,serif;font-size:var(--fs-action);letter-spacing:.14em;padding:10px 0;color:#10131f;background:linear-gradient(180deg,var(--accent-bright),var(--accent));border:none;border-radius:8px;cursor:pointer;transition:filter .15s,transform .12s,box-shadow .2s}.surprise:hover{filter:brightness(1.08);box-shadow:0 4px 18px #e3b95e4d}.surprise:active{transform:translateY(1px);box-shadow:0 2px 8px #e3b95e40}.spark{display:inline-block;transition:transform .3s}.surprise:hover .spark{transform:rotate(90deg)}.undo{font-family:Marcellus,Georgia,serif;font-size:15px;min-width:40px;padding:0;color:var(--accent);background:transparent;border:1px solid var(--panel-line);border-radius:8px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.undo:hover{border-color:var(--accent);color:var(--accent-bright);background:#e3b95e14}.exports{display:flex;gap:8px}.exports button{flex:1;font-family:Marcellus,Georgia,serif;font-size:12px;letter-spacing:.06em;padding:8px 0;color:var(--accent);background:transparent;border:1px solid var(--panel-line);border-radius:8px;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .12s}.exports button:hover{border-color:var(--accent);color:var(--accent-bright);background:#e3b95e14}.exports button:active{transform:translateY(1px);background:#e3b95e1f}.status{min-height:1.4em;font-size:var(--fs-label);font-style:italic;color:var(--dim);letter-spacing:.04em}.vu{width:5px;height:5px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 4px var(--accent-bright);display:none;margin-left:8px;align-self:center}.vu.on{display:inline-block}.hint-chip{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:var(--panel-bg);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--dim);font-size:12px;letter-spacing:.08em;pointer-events:none;animation:panel-in .5s ease-out;transition:opacity .4s}.hint-chip.fading{opacity:0}body.idle .panel,body.idle .hint-chip{opacity:0;pointer-events:none}body.idle .pattern{cursor:none}:where(button,select,input[type=checkbox]):focus-visible{outline:1px solid var(--accent);outline-offset:3px}.sheet-handle{display:none}@media(max-width:680px){.panel{top:auto;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:48vh;max-height:48dvh;transition:max-height .25s ease,opacity .6s}.panel.dragging{transition:opacity .6s}.panel[data-sheet=peek]{max-height:72px}.panel[data-sheet=half]{max-height:48vh;max-height:48dvh}.panel[data-sheet=full]{max-height:85vh;max-height:85dvh}.sheet-handle{display:flex;justify-content:center;width:100%;padding:8px 0 4px;background:none;border:none;touch-action:none;cursor:grab}.sheet-handle:active .sheet-handle-bar{background:var(--accent)}.sheet-handle-bar{width:36px;height:4px;border-radius:2px;background:var(--panel-line)}.panel-header{padding-top:4px}.collapse{display:none}}@media(pointer:coarse){.panel{-webkit-tap-highlight-color:transparent}.row{font-size:12px;margin-bottom:14px}input[type=range]{height:30px}input[type=range]::-webkit-slider-thumb{width:15px;height:15px;margin-top:-6.5px}input[type=range]::-moz-range-thumb{width:15px;height:15px}input[type=checkbox]{width:42px;height:24px}input[type=checkbox]:before{top:2px;left:2px;width:18px;height:18px}input[type=checkbox]:checked:before{transform:translate(19px)}select{font-size:16px;padding:10px 32px 10px 12px}.swatch{width:40px;height:28px}.snaps button{font-size:11px;padding:4px 9px}.surprise{font-size:14px;padding:13px 0}.undo{min-width:48px}.exports button{font-size:13px;padding:12px 0}}@media(prefers-contrast:more){:root{--panel-bg: rgba(13, 10, 8, .97);--dim: #cfc4ae}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation:none!important}}