@font-face{font-family:Karla;font-style:normal;font-weight:200 400;font-display:swap;src:url(/assets/karla-latin-DnX7pVn5.woff2) format("woff2");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}@font-face{font-family:Karla;font-style:normal;font-weight:200 400;font-display:swap;src:url(/assets/karla-latin-ext-Db7Bv6Fh.woff2) format("woff2");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}:root{--bg: #f5f1ec;--panel: #ffffff;--panel-border: #e7e1d8;--text: #1a1a1a;--text-muted: #6b6b6b;--accent: #1a1a1a;--hairline: #d8d1c5;font-family:Karla,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:200;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);overflow:hidden}button{font:inherit;cursor:pointer}.app{display:grid;grid-template-columns:1fr 360px;height:100%}.viewport{position:relative;background:var(--bg)}.viewport-overlay{position:absolute;top:16px;left:16px;font-size:18px;font-weight:400;letter-spacing:.02em;color:var(--text);user-select:none}.viewport-overlay .small{display:block;font-size:11px;font-weight:200;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.panel{background:var(--panel);border-left:1px solid var(--panel-border);overflow-y:auto;padding:20px 22px 32px}.panel h2{font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:24px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--hairline)}.panel h2:first-child{margin-top:0}.row{display:flex;align-items:center;justify-content:space-between;margin:12px 0;gap:12px}.row label{font-size:13px;color:var(--text);min-width:70px}.row .value{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.row input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:2px;background:var(--hairline);border-radius:2px;outline:none}.row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.row input[type=color]{width:36px;height:24px;border:1px solid var(--hairline);border-radius:4px;padding:0;background:none;cursor:pointer}.swatches{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;background-clip:padding-box;transition:border-color .15s ease}.swatch.selected{border-color:var(--accent)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:6px 0 8px}.tile{border:1px solid var(--hairline);background:#fafafa;border-radius:6px;padding:10px 8px;text-align:left;font-size:12px;color:var(--text);transition:border-color .15s ease,background .15s ease}.tile.selected{border-color:var(--accent);background:#fff}.tile small{display:block;font-size:10px;color:var(--text-muted);margin-top:2px;letter-spacing:.04em;text-transform:uppercase}.select{flex:1;font:inherit;font-size:13px;background:#fafafa;border:1px solid var(--hairline);border-radius:4px;padding:6px 8px;color:var(--text)}.segmented{display:flex;border:1px solid var(--hairline);border-radius:4px;overflow:hidden}.segmented button{flex:1;background:#fafafa;border:0;padding:6px 0;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-right:1px solid var(--hairline)}.segmented button:last-child{border-right:0}.segmented button.selected{background:var(--accent);color:#fff}.segmented button:disabled{opacity:.3;cursor:not-allowed}.cta{margin-top:28px;width:100%;background:var(--accent);color:#fff;border:0;padding:14px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border-radius:4px}.cta:hover{background:#000}.loading{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}