:root{color-scheme:dark;--bg:#180b14;--panel:#2b1623;--panel2:#36202e;--line:#58384b;--ink:#fff5f7;--muted:#d9bdc8;--pink:#ffa3bf;--pink-ink:#351321;--gold:#f0d7a5;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 0,#3c2032 0,transparent 56%),var(--bg);color:var(--ink);font:16px/1.55 Georgia,"Times New Roman",serif}.topbar{height:66px;border-bottom:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - var(--max))/2));background:#170b14cc}.wordmark,.topbar nav a{color:var(--ink);text-decoration:none}.wordmark{font-weight:700;font-size:18px}.wordmark span{color:var(--pink)}.topbar nav{display:flex;gap:22px;font:600 14px system-ui,sans-serif}.topbar nav a:hover,.crumbs a:hover{color:var(--pink)}main{max-width:var(--max);margin:auto;padding:22px 22px 64px}.crumbs{font:13px system-ui,sans-serif;color:var(--muted);margin-bottom:26px}.crumbs a,footer a{color:var(--pink)}.crumbs span{padding:0 8px;color:#ad8798}.intro{max-width:760px;margin:0 auto 28px;text-align:center}.eyebrow{display:block;color:var(--pink);font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.intro h1{font-size:clamp(36px,6vw,57px);line-height:1.06;margin:9px 0 13px}.intro>p:not(.eyebrow){color:var(--muted);font-size:18px;margin:0 auto 10px}.intro .privacy-note{font-size:13px!important;color:#bca1ad!important}.studio{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:18px;align-items:start}.workbench,.controls,.wardrobe-section,.studio-guide{border:1px solid var(--line);border-radius:20px;background:#281522eb;box-shadow:0 18px 52px #09040a66}.workbench{padding:21px}.preview-head,.sewing-heading,.wardrobe-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.preview-head h2,.sewing-heading h2{font-size:21px;margin:3px 0 0}.preview-badge{padding:6px 11px;border-radius:99px;background:#483042;color:#eed8e2;font:600 11px system-ui,sans-serif}.preview-stage{position:relative;max-width:450px;margin:4px auto 0;border-radius:17px;background:radial-gradient(ellipse at 50% 42%,#734a5c 0,#452a3a 42%,#2b1927 82%);overflow:hidden}.preview-stage:before{content:"";position:absolute;inset:16px;border:1px solid #fbe5ed22;border-radius:12px;pointer-events:none}.preview-stage svg{display:block;width:100%;height:auto;max-height:460px}.stage-caption{position:absolute;left:0;right:0;bottom:8px;text-align:center;color:#f5dfe8a8;font:10px system-ui,sans-serif;letter-spacing:.04em}.preview-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;padding:12px 0 0}.button{min-height:41px;border:1px solid transparent;border-radius:10px;padding:9px 14px;font:700 13px system-ui,sans-serif;cursor:pointer;transition:transform .15s,filter .15s,border .15s}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.button:focus-visible,.tab:focus-visible,.choice:focus-visible,.swatch:focus-visible,.stitch-key:focus-visible,.wardrobe-card button:focus-visible{outline:3px solid #ffe6a9;outline-offset:2px}.button.primary{background:var(--pink);color:var(--pink-ink)}.button.secondary,.button.quiet{background:#3a2533;color:var(--ink);border-color:#775369}.button:disabled{opacity:.44;cursor:not-allowed}.controls{padding:19px}.brief-card{display:flex;justify-content:space-between;gap:14px;padding:15px;border:1px solid #80624777;border-radius:13px;background:linear-gradient(120deg,#48313e,#3f302d)}.brief-card h2{margin:3px 0;font-size:19px}.brief-card p{margin:0;color:#ead9d9;font-size:13px}.brief-score{flex:0 0 55px;align-self:center;text-align:center;display:grid}.brief-score strong{font:700 19px system-ui,sans-serif;color:var(--gold)}.brief-score span{font:10px system-ui,sans-serif;color:#e9d9d8}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0 0;padding:5px;border-radius:12px;background:#1c1019}.tab{border:0;border-radius:9px;background:transparent;color:#cdb6c1;padding:10px 6px;font:700 12px system-ui,sans-serif;cursor:pointer}.tab.active{background:#57364b;color:#fff4f7}.option-panel{min-height:170px;padding:16px 3px 5px}.option-panel h2{font-size:18px;margin:0 0 13px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice{display:grid;justify-items:center;align-content:center;gap:9px;min-height:87px;padding:9px 5px;border-radius:11px;border:1px solid var(--line);background:#24151f;color:var(--ink);font:600 12px system-ui,sans-serif;cursor:pointer}.choice.selected,.swatch.selected{border-color:var(--pink);box-shadow:inset 0 0 0 1px var(--pink),0 0 15px #fa9dba22}.shape-icon{display:block;width:35px;height:44px;background:#d88ea2;clip-path:polygon(27% 0,73% 0,82% 31%,100% 100%,0 100%,18% 31%)}.shape-fitflare{clip-path:polygon(27% 0,73% 0,78% 35%,100% 100%,0 100%,22% 35%)}.shape-wrap{clip-path:polygon(27% 0,73% 0,86% 100%,14% 100%)}.helper{font:12px/1.45 system-ui,sans-serif;color:#bca5b1;margin:12px 0 0}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.swatch{display:grid;justify-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:#24151f;color:var(--muted);padding:7px 4px 8px;font:11px system-ui,sans-serif;cursor:pointer}.swatch>span:first-child{width:100%;height:53px;border-radius:6px}.swatch-meadow{background-color:#ba7480;background-image:radial-gradient(ellipse at 30% 30%,#f6dfac 0 4px,transparent 5px),radial-gradient(ellipse at 65% 67%,#778753 0 3px,transparent 4px),radial-gradient(ellipse at 72% 20%,#f6dfac 0 3px,transparent 4px)}.swatch-gingham{background-color:#8d647b;background-image:linear-gradient(90deg,#f9dce788 25%,transparent 25% 75%,#f9dce788 75%),linear-gradient(#f9dce788 25%,transparent 25% 75%,#f9dce788 75%);background-size:20px 20px}.swatch-dots{background-color:#91a690;background-image:radial-gradient(#fff1cf 3px,transparent 4px);background-size:17px 17px}.swatch-stripe{background:repeating-linear-gradient(90deg,#e2a879 0 10px,#fff1d4 10px 17px)}.detail-icon{font:27px/1 system-ui,sans-serif;color:#f3d69e}.detail-choices .choice{min-height:76px}.name-label{display:block;color:#f2dce5;font:700 12px system-ui,sans-serif;margin:15px 0 6px}.name-label+input{width:100%;height:42px;border-radius:9px;border:1px solid #765167;background:#20131c;color:var(--ink);padding:0 11px;font:14px system-ui,sans-serif}.name-label+input:focus{outline:2px solid var(--pink);outline-offset:1px}.sewing-panel{border-top:1px solid var(--line);padding-top:15px}.sewing-heading{align-items:end}.stitch-count{font:700 13px system-ui,sans-serif;color:var(--gold)}.sewing-panel>p{margin:7px 0 12px;color:var(--muted);font-size:13px}.stitches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.stitch-key{aspect-ratio:1;border-radius:8px;border:1px solid #67495b;background:#22141e;color:#cbb1be;font:700 12px system-ui,sans-serif;cursor:pointer}.stitch-key.done{background:#758267;color:#fff;border-color:#b4c098}.stitch-key.current{background:var(--gold);color:#2b1b1a;border-color:#fff3ca;box-shadow:0 0 12px #eed7a599;animation:pulse 1.2s infinite alternate}@keyframes pulse{to{transform:scale(1.06)}}.sewing-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.live-status{min-height:18px!important;font:12px system-ui,sans-serif!important;color:#eac8d6!important}.wardrobe-section{margin-top:20px;padding:21px}.wardrobe-head{align-items:end}.wardrobe-head h2{margin:2px 0;font-size:24px}.wardrobe-head h2 span{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:20px;background:#523448;color:var(--pink);font:700 12px system-ui,sans-serif;vertical-align:middle}.wardrobe-head>p{max-width:330px;margin:0;color:#bca5b1;font:12px/1.45 system-ui,sans-serif}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:17px}.empty-wardrobe{grid-column:1/-1;text-align:center;color:#bca5b1;border:1px dashed #67495b;border-radius:12px;padding:25px;margin:0}.wardrobe-card{overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#21131c}.mini-preview{display:grid;place-items:center;height:128px;background:radial-gradient(ellipse,#69475a,#332130)}.mini-preview svg{height:118px;width:auto}.wardrobe-meta{padding:10px}.wardrobe-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.wardrobe-meta span{color:#bca5b1;font:11px system-ui,sans-serif}.wardrobe-buttons{display:flex;gap:6px;padding:0 10px 10px}.wardrobe-buttons button{flex:1;border:1px solid #67495b;border-radius:7px;background:#3a2533;color:var(--ink);padding:7px 4px;font:600 10px system-ui,sans-serif;cursor:pointer}.studio-guide{margin-top:22px;padding:22px 25px}.studio-guide h2{font-size:25px;margin:5px 0}.studio-guide p{max-width:880px;color:var(--muted)}.studio-guide a{color:var(--pink)}footer{max-width:var(--max);margin:auto;padding:18px 22px 32px;border-top:1px solid #ffffff20;color:#bca5b1;font:12px system-ui,sans-serif;display:flex;gap:15px;flex-wrap:wrap}footer span{margin-left:auto}@media(max-width:850px){.studio{grid-template-columns:1fr}.workbench{max-width:620px;width:100%;margin:auto}.controls{max-width:620px;width:100%;margin:auto}.preview-stage{max-width:390px}}@media(max-width:540px){.topbar{padding:0 16px}.topbar nav{gap:12px;font-size:12px}main{padding:16px 13px 45px}.intro>p:not(.eyebrow){font-size:16px}.workbench,.controls,.wardrobe-section{padding:14px;border-radius:15px}.preview-stage svg{max-height:none}.tab{font-size:10px}.wardrobe-head{align-items:start;flex-direction:column}.wardrobe-head>p{max-width:none}.stitches{gap:4px}.stitch-key{border-radius:6px}.studio-guide{padding:18px}footer{padding-left:14px;padding-right:14px}footer span{margin-left:0;width:100%}}