.ws-maker,.ws-page{--ws-linen:#f7f0e3;--ws-paper:var(--surface);--ws-oat:#efe3cc;--ws-oat-deep:#d9c6a2;--ws-oak:#a56e43;--ws-oak-dark:#6a4224;--ws-ink:var(--ink);--ws-muted:var(--muted);--ws-line:#dccdb3;--ws-edge:#8a7a62;--ws-thread:var(--accent)}.ws-page{min-height:100svh;color:var(--ws-ink);color-scheme:light;font-family:var(--font-interface),sans-serif;background:radial-gradient(1200px 600px at 8% -10%,#ffe7b8 0,transparent 60%),repeating-linear-gradient(90deg,rgba(120,84,48,.035) 0 2px,transparent 2px 6px),repeating-linear-gradient(0deg,rgba(120,84,48,.03) 0 2px,transparent 2px 6px),var(--ws-linen);overflow-x:clip}.ws-page :where(h1,h2,h3){font-family:var(--font-display),sans-serif;letter-spacing:-.02em;margin:0;text-wrap:balance}.ws-page :where(p,fieldset,legend){margin:0}.ws-page ::selection{background:var(--selection);color:var(--ws-ink)}.ws-crumb a:focus-visible,.ws-main :is(a,button,input):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.ws-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ws-skip{position:absolute;left:16px;top:-80px;z-index:var(--z-skip);padding:10px 16px;border-radius:var(--radius-sm);background:var(--night-yellow);color:var(--ink-on-yellow);font-weight:650;text-decoration:none}.ws-skip:focus{top:10px}.ws-crumb{display:flex;flex-wrap:wrap;gap:0 var(--space-2);max-width:1180px;margin:0 auto;padding:var(--space-2) var(--gutter) 0;font-size:var(--text-base)}.ws-crumb,.ws-crumb a{align-items:center;color:var(--ws-muted)}.ws-crumb a{display:inline-flex;gap:6px;min-height:var(--control-h);font-weight:600;text-decoration:none;text-underline-offset:4px}.ws-crumb a:hover{color:var(--ws-ink);text-decoration:underline}.ws-crumb [aria-current]{color:var(--ws-ink);font-weight:650}.ws-main{max-width:1180px;margin:0 auto;padding:8px var(--gutter) 56px}.ws-intro{max-width:60ch;margin-bottom:28px}.ws-intro h1{margin:0 0 10px;font-size:clamp(36px,5vw,56px);line-height:1.02;font-weight:700}.ws-intro p:last-child{color:var(--ws-muted);font-size:17px;line-height:1.6;text-wrap:pretty}.ws-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:start}.ws-stage{position:sticky;top:16px;display:grid;justify-items:center;gap:16px;padding:22px 22px 18px;border-radius:var(--radius-2xl);background:repeating-linear-gradient(176deg,rgba(255,220,170,.06) 0 3px,transparent 3px 11px),linear-gradient(160deg,#b67b4c,var(--ws-oak) 45%,#8d5a33);box-shadow:0 18px 40px -22px rgba(74,44,20,.6),inset 0 1px 0 rgba(255,230,190,.35)}.ws-mat{position:relative;width:100%;aspect-ratio:1.05;display:grid;place-items:center;border-radius:28px;background:repeating-linear-gradient(90deg,rgba(106,66,36,.07) 0 3px,transparent 3px 8px),repeating-linear-gradient(0deg,rgba(106,66,36,.06) 0 3px,transparent 3px 8px),var(--ws-oat);box-shadow:inset 0 0 0 12px var(--ws-oat-deep),inset 0 0 0 14px rgba(106,66,36,.18),0 10px 18px -10px rgba(74,44,20,.4)}.ws-mat:after{content:"";position:absolute;inset:22px;border:2px dashed rgba(106,66,36,.3);border-radius:18px;pointer-events:none}.ws-hero-figure{width:min(78%,360px);height:auto;overflow:visible}.ws-hero-figure .wren-figure-body{transform-origin:120px 236px;animation:ws-bob 4.5s ease-in-out infinite}@keyframes ws-bob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-1.2deg)}}.ws-tag{position:relative;display:grid;justify-items:center;min-width:180px;padding:10px 22px 12px;border-radius:var(--radius-xs);background:var(--ws-paper);color:var(--ws-ink);transform:rotate(-1.5deg);box-shadow:0 4px 10px -4px rgba(74,44,20,.5)}.ws-tag:before{content:"";position:absolute;top:-9px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--ws-oak-dark);box-shadow:0 0 0 3px var(--ws-paper)}.ws-tag span{font-family:var(--font-display),sans-serif;font-size:24px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.ws-tag small{color:var(--ws-muted);font-size:var(--text-sm);font-weight:600}.ws-stage-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ws-button{display:inline-flex;align-items:center;gap:8px;min-height:var(--control-h);padding:0 18px;border:0;border-radius:var(--radius-pill);background:var(--ws-paper);color:var(--ws-ink);font:650 var(--text-md) var(--font-interface),sans-serif;cursor:pointer;box-shadow:0 4px 12px -4px rgba(74,44,20,.5)}.ws-button:hover{background:#fff}.ws-button:active{transform:translateY(1px);box-shadow:none}.ws-button-quiet{background:transparent;color:#fff4e3;box-shadow:inset 0 0 0 1.5px rgba(255,240,220,.55)}.ws-button-quiet:hover{background:rgba(255,240,220,.12)}.ws-stage .ws-button:focus-visible{outline-color:#fff4e3}.ws-saved{display:inline-flex;align-items:center;gap:6px;min-height:20px;color:#fff4e3;font-size:var(--text-base)}.ws-panel{display:grid;gap:20px;padding:24px;border-radius:var(--radius-2xl);background:var(--ws-paper);box-shadow:0 1px 0 var(--ws-line),0 18px 40px -28px rgba(74,44,20,.45)}.ws-name{display:grid;gap:6px;font-size:var(--text-base);font-weight:700;color:var(--ws-muted)}.ws-name input{min-height:48px;padding:0 14px;border:1.5px solid var(--ws-edge);border-radius:var(--radius-lg);background:#fff;color:var(--ws-ink);font:650 18px var(--font-display),sans-serif}.ws-name input:hover{border-color:var(--ws-ink)}.ws-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ws-preset{display:grid;justify-items:center;gap:4px;min-height:44px;padding:8px 6px 10px;border:1.5px solid var(--ws-edge);border-radius:var(--radius-xl);background:var(--ws-linen);color:var(--ws-ink);font:600 var(--text-sm) var(--font-interface),sans-serif;cursor:pointer}.ws-preset:hover{border-color:var(--ws-ink);background:#fff}.ws-preset-thumb svg{display:block;width:64px;height:auto}.ws-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px;border-top:1px solid var(--ws-line)}.ws-tabs [role=tab]{min-height:var(--control-h);padding:0 18px;border:1.5px solid var(--ws-edge);border-radius:var(--radius-pill);background:transparent;color:var(--ws-muted);font:650 var(--text-md) var(--font-interface),sans-serif;cursor:pointer}.ws-tabs [role=tab]:hover{color:var(--ws-ink);border-color:var(--ws-ink)}.ws-tabs [role=tab][aria-selected=true]{background:var(--ws-ink);border-color:var(--ws-ink);color:var(--ws-linen)}.ws-tabpanel{display:grid;gap:20px}.ws-tabpanel[hidden]{display:none}.ws-panel legend{margin-bottom:10px;font-size:var(--text-base);font-weight:700;color:var(--ws-muted)}.ws-panel fieldset{border:0;padding:0;min-width:0}.ws-swatches>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ws-swatch{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px 6px 8px;border:1.5px solid var(--ws-edge);border-radius:var(--radius-pill);background:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer}.ws-option input,.ws-swatch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.ws-swatch-ball{flex:none;width:30px;height:30px;border-radius:50%;background:repeating-linear-gradient(-35deg,var(--ws-yarn) 0 4px,var(--ws-yarn-shade) 4px 5.5px);box-shadow:inset -3px -4px 6px rgba(0,0,0,.15)}.ws-option:hover,.ws-swatch:hover{border-color:var(--ws-ink)}.ws-option:has(input:checked),.ws-swatch:has(input:checked){border-color:var(--ws-thread);box-shadow:inset 0 0 0 1.5px var(--ws-thread);background:#f6f2ff}.ws-option:has(input:focus-visible),.ws-swatch:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:2px}.ws-options>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ws-option{position:relative;display:grid;justify-items:center;gap:4px;padding:10px 8px 12px;border:1.5px solid var(--ws-edge);border-radius:var(--radius-2xl);background:var(--ws-linen);font-size:var(--text-base);font-weight:600;text-align:center;cursor:pointer}.ws-option-thumb svg{display:block;width:92px;height:auto}.ws-note{max-width:70ch;margin-top:28px;color:var(--ws-muted);font-size:var(--text-md);line-height:1.6}@media (max-width:900px){.ws-workbench{grid-template-columns:minmax(0,1fr)}.ws-stage{position:static}.ws-mat{aspect-ratio:1.25}}@media (max-width:560px){.ws-panel{padding:18px}.ws-options>div,.ws-presets,.ws-swatches>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.ws-hero-figure .wren-figure-body{animation:none}}.ws-maker{color:var(--ws-ink);font-family:var(--font-interface),sans-serif;color-scheme:light}.ws-maker :where(h2,h3){font-family:var(--font-display),sans-serif;letter-spacing:-.02em;margin:0}.ws-maker :where(p,fieldset,legend){margin:0}.ws-maker :is(a,button,input):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.ws-maker-compact .ws-workbench{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.ws-maker-compact .ws-stage{position:static}.ws-maker-compact .ws-mat{aspect-ratio:1.15}.ws-maker-compact .ws-hero-figure{width:min(70%,300px)}.ws-maker-compact .ws-option-thumb svg{width:76px}@media (max-width:900px){.ws-maker-compact .ws-workbench{grid-template-columns:minmax(0,1fr)}}.ws-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display),sans-serif;font-weight:700}.ws-badge svg{display:block;width:48px;height:auto}