:root{--bg: #F4F2EC;--surface: #FFFFFF;--surface-2: #FAF8F2;--text: #0E0E0C;--muted: #6B6862;--faint: #9A968D;--accent: #2A4DFF;--accent-ink: #2536D6;--accent-contrast: #FFFFFF;--lime: #D6FF3D;--lime-ink: #0E0E0C;--ok: #1B7F4B;--bad: #C92A2A;--border: #0E0E0C;--border-soft: #DAD6CC;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--r-1: 4px;--r-2: 8px;--r-3: 14px;--r-pill: 999px;--font-display: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--t-h1: clamp(1.7rem, 3.4vw, 2.4rem);--t-h2: clamp(1.25rem, 2vw, 1.55rem);--t-h3: 1.05rem;--t-body: .9375rem;--t-sm: .875rem;--t-xs: .75rem;--shadow-hard: 6px 6px 0 0 var(--border);--shadow-hard-sm: 4px 4px 0 0 var(--border);--shadow-soft: 0 18px 50px -22px rgba(14, 14, 12, .35);--dur-1: .12s;--dur-2: .22s;--dur-3: .42s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light;--ws-fg: var(--text);--ws-muted: var(--muted);--ws-accent: var(--accent);--ws-bad: var(--bad);--ws-ok: var(--ok);--ws-border: var(--border-soft)}:root[data-theme=dark]{--bg: #0D0D0B;--surface: #161613;--surface-2: #1E1E1A;--text: #F3F1EA;--muted: #9C988E;--faint: #6F6C64;--accent: #4F61FF;--accent-ink: #7C8AFF;--ok: #3ECF8E;--bad: #FF6B6B;--border: #F3F1EA;--border-soft: #2A2A26;--shadow-soft: 0 22px 60px -20px rgba(0, 0, 0, .7);color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--t-body);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background var(--dur-3) var(--ease-out),color var(--dur-3) var(--ease-out)}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin:0 0 var(--sp-4)}h1{font-size:var(--t-h1)}h2{font-size:var(--t-h2)}h3{font-size:var(--t-h3);margin-bottom:var(--sp-3)}p{margin:0 0 var(--sp-3)}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}::selection{background:var(--lime);color:#0e0e0c}code{font-family:var(--font-mono);font-size:.85em}.mono,.ws-kicker{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase}.ws-kicker{color:var(--accent-ink);display:inline-flex;align-items:center;gap:10px;margin-bottom:var(--sp-2)}.ws-kicker:before{content:"";width:24px;height:1.5px;background:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ws-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);height:64px;padding:0 clamp(16px,4vw,40px);background:color-mix(in oklab,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1.5px solid var(--border)}.ws-brand{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-.04em;color:var(--text);text-decoration:none;display:inline-flex;align-items:baseline}.ws-brand:hover{text-decoration:none}.ws-brand .dot{color:var(--accent)}.ws-brand .tld{color:var(--accent-ink)}.ws-header nav{display:flex;align-items:center;gap:var(--sp-2)}.ws-header nav a{font-size:var(--t-sm);font-weight:600;color:var(--muted);padding:8px 12px;border-radius:var(--r-1);border:1.5px solid transparent;transition:color var(--dur-1),border-color var(--dur-1),background var(--dur-1)}.ws-header nav a:hover{color:var(--text);text-decoration:none;background:var(--surface);border-color:var(--border-soft)}.ws-header nav a.active{color:var(--text);border-color:var(--border);background:var(--surface)}.ws-main{max-width:72rem;margin:0 auto;padding:var(--sp-6) clamp(16px,4vw,40px) var(--sp-9)}.ws-theme-btn{height:36px;padding:0 10px;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-1);font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1)}.ws-theme-btn:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 0 var(--border)}.ws-theme-btn:active{transform:none;box-shadow:none}.ws-theme-btn svg{width:14px;height:14px}button{font:inherit;font-weight:600;font-size:var(--t-sm);padding:10px 18px;cursor:pointer;border:1.5px solid var(--border);border-radius:var(--r-1);background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-hard-sm);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),background var(--dur-2)}button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--border)}button:active{transform:none;box-shadow:2px 2px 0 0 var(--border)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:var(--shadow-hard-sm)}.ws-secondary,button.ws-secondary{background:var(--surface);color:var(--text)}.ws-ghost,button.ws-ghost{background:transparent;color:var(--text);border-color:var(--border-soft);box-shadow:none}.ws-ghost:hover{border-color:var(--border);box-shadow:3px 3px 0 0 var(--border)}.ws-publish-btn,button.ws-publish-btn{background:var(--lime);color:var(--lime-ink);font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}.ws-accept,button.ws-accept{padding:4px 10px;font-size:var(--t-xs);background:var(--surface);color:var(--text)}.ws-mini,button.ws-mini{padding:4px 10px;font-size:var(--t-xs);box-shadow:none}label{font-weight:600;font-size:var(--t-sm)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--r-1);transition:box-shadow var(--dur-1),border-color var(--dur-1)}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:3px 3px 0 0 var(--accent);border-color:var(--accent)}.ws-hint{color:var(--muted);font-size:var(--t-xs);font-weight:400}.ws-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-2);padding:var(--sp-6);box-shadow:var(--shadow-hard)}.ws-card-flat{background:var(--surface);border:1.5px solid var(--border-soft);border-radius:var(--r-2);padding:var(--sp-4)}.ws-uploads{display:grid;gap:var(--sp-3)}.ws-uploads h3{margin:0}.ws-upload{display:grid;gap:var(--sp-1);font-weight:600}.ws-upload input[type=file]{border:1.5px dashed var(--border-soft);border-radius:var(--r-1);padding:var(--sp-3);font:inherit;font-weight:400;background:transparent;color:var(--text);cursor:pointer}.ws-upload input[type=file]:disabled{opacity:.5;cursor:not-allowed}.ws-upload input[type=file]::file-selector-button{border:1.5px solid var(--text);border-radius:var(--r-1);background:var(--surface);color:var(--text);padding:var(--sp-1) var(--sp-3);margin-right:var(--sp-3);font:inherit;font-weight:600;cursor:pointer}.ws-steps{display:flex;align-items:center;gap:var(--sp-3);list-style:none;margin:0 0 var(--sp-6);padding:0;font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ws-steps li{display:flex;align-items:center;gap:var(--sp-2)}.ws-steps li:not(:last-child):after{content:"";width:26px;height:1.5px;background:var(--border-soft)}.ws-steps .n{width:22px;height:22px;display:grid;place-items:center;border:1.5px solid var(--border-soft);border-radius:50%;font-weight:600;color:var(--muted);background:var(--surface)}.ws-steps li.current{color:var(--text)}.ws-steps li.current .n{border-color:var(--border);background:var(--lime);color:var(--lime-ink)}.ws-steps li.done .n{background:var(--text);color:var(--bg);border-color:var(--border)}.ws-brief,.ws-auth{display:grid;gap:var(--sp-4);max-width:34rem}.ws-brief label,.ws-auth label,.ws-profile label{display:grid;gap:6px}.ws-lead{color:var(--muted);font-size:var(--t-body);max-width:44ch;margin-top:calc(-1 * var(--sp-3))}.ws-slug{display:flex;align-items:stretch}.ws-slug input{flex:1;min-width:0;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none;font-family:var(--font-mono)}.ws-slug small{display:inline-flex;align-items:center;padding:0 13px;background:var(--surface-2);color:var(--muted);border:1.5px solid var(--border);border-start-end-radius:var(--r-1);border-end-end-radius:var(--r-1);font-family:var(--font-mono);font-size:var(--t-sm)}.ws-brief em,.ws-slug-state{font-style:normal;font-size:var(--t-xs);font-family:var(--font-mono);display:inline-flex;align-items:center;gap:6px}.ws-brief em:before{content:"●";font-size:.7em}.ws-brief em{color:var(--muted)}.ws-brief em.ok{color:var(--ok)}.ws-brief em.bad{color:var(--bad)}.ws-key{padding:var(--sp-4);border:1.5px dashed var(--accent);border-radius:var(--r-2);background:color-mix(in oklab,var(--accent) 6%,var(--surface));display:grid;gap:var(--sp-2)}.ws-key code{-webkit-user-select:all;user-select:all;word-break:break-all;background:var(--surface);border:1.5px solid var(--border-soft);border-radius:var(--r-1);padding:6px 10px;display:block}.ws-key label{display:flex;align-items:center;gap:var(--sp-2);font-weight:500}.ws-error{color:var(--bad);border:1.5px solid var(--bad);border-radius:var(--r-1);background:color-mix(in oklab,var(--bad) 7%,var(--surface));padding:10px 14px;font-size:var(--t-sm)}p.ws-error{margin:0}.ws-profile{display:grid;gap:var(--sp-4);max-width:40rem}.ws-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}@media(max-width:640px){.ws-plan-grid{grid-template-columns:1fr}}.ws-palette{display:flex;gap:var(--sp-2);align-items:center}.ws-palette span{width:34px;height:34px;border-radius:50%;display:inline-block;border:1.5px solid var(--border);box-shadow:2px 2px 0 0 var(--border)}.ws-tone{color:var(--muted)}.ws-tone strong{color:var(--text)}.ws-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ws-chip{padding:5px 12px;border-radius:var(--r-pill);background:var(--surface);color:var(--text);border:1.5px solid var(--border-soft);font-size:var(--t-xs);font-family:var(--font-mono)}.ws-generating{max-width:46rem;margin:0 auto;text-align:center;padding-top:var(--sp-6)}.ws-generating h1{margin-bottom:var(--sp-2)}.ws-gen-sub{color:var(--muted);margin-bottom:var(--sp-6)}.ws-stages{display:flex;justify-content:center;gap:var(--sp-2);list-style:none;padding:0;margin:0 0 var(--sp-5)}.ws-stages li{position:relative;width:26px;height:10px;border-radius:var(--r-pill);border:1.5px solid var(--border-soft);background:var(--surface);overflow:hidden;text-indent:-9999px;transition:background var(--dur-2),border-color var(--dur-2),width var(--dur-2) var(--ease-out)}.ws-stages li.done{background:var(--text);border-color:var(--border)}.ws-stages li.active{width:44px;background:var(--accent);border-color:var(--border);animation:ws-pulse 1.6s var(--ease-out) infinite}@keyframes ws-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--accent) 55%,transparent)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.ws-stages li.active{animation:none}}.ws-stage-label{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);min-height:1.4em;margin-bottom:var(--sp-5)}.ws-stage-msg{color:var(--muted);font-size:var(--t-sm)}.ws-skeleton{margin:0 auto var(--sp-5);max-width:30rem;border:1.5px solid var(--border);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-hard);overflow:hidden;text-align:initial}.ws-skeleton .bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1.5px solid var(--border);background:var(--surface-2)}.ws-skeleton .bar i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--border);display:inline-block}.ws-skeleton .body{padding:var(--sp-4);display:grid;gap:10px}.ws-skeleton .ln{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--surface-2) 25%,color-mix(in oklab,var(--accent) 14%,var(--surface-2)) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:ws-shimmer 1.4s linear infinite}.ws-skeleton .ln.hero{height:74px;border-radius:var(--r-2)}.ws-skeleton .ln.w60{width:60%}.ws-skeleton .ln.w35{width:35%}@keyframes ws-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.ws-skeleton .ln{animation:none}}.ws-confirm{display:grid;gap:var(--sp-3);justify-items:center;border:1.5px solid var(--border);border-radius:var(--r-2);background:var(--surface);padding:var(--sp-5);box-shadow:var(--shadow-hard);max-width:28rem;margin:0 auto}.ws-confirm-actions{display:flex;gap:var(--sp-3)}.ws-editor{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:var(--sp-5);align-items:start;min-height:70vh}.ws-preview{border:1.5px solid var(--border);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-hard);overflow:hidden;position:sticky;top:84px}.ws-preview-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1.5px solid var(--border);background:var(--surface-2)}.ws-preview-bar .dots{display:flex;gap:5px}.ws-preview-bar .dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--border)}.ws-preview-bar .addr{flex:1;display:flex;align-items:center;gap:6px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-pill);padding:5px 12px;font-family:var(--font-mono);font-size:var(--t-xs);color:var(--muted);overflow:hidden;white-space:nowrap}.ws-preview-bar .addr b{color:var(--accent-ink);font-weight:600}.ws-preview iframe{width:100%;height:min(72vh,780px);border:0;display:block;background:#fff}.ws-preview-empty{padding:var(--sp-8);text-align:center;color:var(--muted)}.ws-panel{display:grid;gap:var(--sp-5);align-content:start}.ws-panel section{border:1.5px solid var(--border-soft);border-radius:var(--r-2);background:var(--surface);padding:var(--sp-4)}.ws-panel h3{display:flex;align-items:center;gap:8px}.ws-panel h3 .badge{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--lime);color:var(--lime-ink);border:1.5px solid var(--border);border-radius:var(--r-1);padding:2px 6px}.ws-panel textarea{width:100%;min-height:5.5rem;resize:vertical}.ws-panel form{display:grid;gap:var(--sp-3)}.ws-panel-note{color:var(--muted);font-size:var(--t-xs);margin:0}.ws-suggestions{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2)}.ws-suggestions li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--t-sm);border:1.5px dashed var(--border-soft);border-radius:var(--r-1);padding:8px 10px}.ws-themes{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2)}.ws-themes li{display:flex;align-items:center;gap:var(--sp-2);border:1.5px solid transparent;border-radius:var(--r-1);padding:2px}.ws-themes li.active{border-color:var(--accent)}.ws-themes li>button:first-of-type{flex:1;text-align:start;background:var(--surface);color:var(--text);box-shadow:none;border-color:var(--border-soft);display:flex;align-items:center;gap:10px}.ws-themes li>button:first-of-type:hover{border-color:var(--border);transform:none}.ws-theme-dots{display:inline-flex;gap:4px}.ws-theme-dots i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25);display:inline-block}.ws-apply-theme,button.ws-apply-theme{padding:6px 12px;font-size:var(--t-xs)}.ws-history{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-1)}.ws-history li{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--t-sm);padding:4px 6px;border-radius:var(--r-1)}.ws-history li.active{background:var(--surface-2);font-weight:700}.ws-history li>button:first-of-type{background:transparent;color:var(--text);border:none;box-shadow:none;padding:4px 8px;font-family:var(--font-mono);font-size:var(--t-xs)}.ws-history li small{color:var(--muted);flex:1}.ws-history li>button:last-of-type{padding:3px 9px;font-size:var(--t-xs);background:var(--surface);color:var(--text);box-shadow:none}@media(max-width:60rem){.ws-editor{grid-template-columns:1fr}.ws-preview{position:static}}.ws-sites{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-3)}.ws-site-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-2);padding:var(--sp-4) var(--sp-5);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}.ws-site-row:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-sm)}.ws-site-row a{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text)}.ws-site-row small{display:block;color:var(--muted);font-family:var(--font-mono);font-size:var(--t-xs)}.ws-site-actions{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.ws-site-actions button{background:var(--surface);color:var(--text);box-shadow:none;padding:7px 13px;font-size:var(--t-xs)}.ws-site-actions a{font-size:var(--t-xs);font-weight:600}.ws-empty{text-align:center;border:1.5px dashed var(--border-soft);border-radius:var(--r-3);padding:var(--sp-8) var(--sp-5);display:grid;gap:var(--sp-3);justify-items:center}.ws-empty p{color:var(--muted);max-width:38ch;margin:0}.ws-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0e0e0c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.ws-modal-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-hard);padding:var(--sp-6);max-width:34rem;width:100%;display:grid;gap:var(--sp-3);animation:ws-modal-in var(--dur-3) var(--ease-spring)}@keyframes ws-modal-in{0%{opacity:0;transform:translateY(16px) scale(.98)}}@media(prefers-reduced-motion:reduce){.ws-modal-card{animation:none}}.ws-modal-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}.ws-live-url{display:flex;align-items:center;gap:var(--sp-3);word-break:break-all;border:1.5px solid var(--border);border-radius:var(--r-2);background:color-mix(in oklab,var(--lime) 18%,var(--surface));padding:var(--sp-3) var(--sp-4)}.ws-live-url a{font-family:var(--font-mono);font-size:var(--t-sm);flex:1}.ws-live-url button{padding:5px 12px;font-size:var(--t-xs);background:var(--surface);color:var(--text);box-shadow:none}.ws-checklist{padding-left:1.2rem;margin:0;display:grid;gap:var(--sp-2);font-size:var(--t-sm)}.ws-checklist li::marker{color:var(--accent)}.ws-upsell{color:var(--muted);font-size:var(--t-sm)}.ws-loading{color:var(--muted);display:inline-flex;align-items:center;gap:10px}.ws-loading:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--border-soft);border-top-color:var(--accent);animation:ws-spin .8s linear infinite}@keyframes ws-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.ws-loading:before{animation-duration:2s}}