:root{--tile:#e3e6ea;--tile-deep:#d4d9e0;--paper:#f7f8fa;--ink:#1b294b;--ink-soft:#4a5675;--line:#bfc6d1;--amber:#e0a030;--amber-hover:#eab04a;--warn:#8f4307;--radius-panel:12px;--radius-control:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--tile);color:var(--ink);font-variation-settings:"wdth" 100;padding-bottom:env(safe-area-inset-bottom,0px);margin:0;font:400 1rem/1.55 Archivo,system-ui,-apple-system,Segoe UI,sans-serif}img,video{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--paper);z-index:20;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}main,.topbar,.footer{width:min(1320px,100% - 40px);margin-inline:auto}.topbar{z-index:10;padding:14px 0;padding-top:calc(14px + env(safe-area-inset-top,0px));background:var(--tile);align-items:center;gap:28px;display:flex;position:sticky;top:0}.brand{font-variation-settings:"wdth" 112;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.brand img{border-radius:6px}.topbar nav{gap:22px;margin-left:auto;display:flex}.topbar nav a{color:var(--ink-soft);font-weight:500;text-decoration:none}.topbar nav a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.btn{min-height:42px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:650;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:progress}.btn-primary{background:var(--amber);color:var(--ink)}.btn-primary:hover:not(:disabled){background:var(--amber-hover)}.btn-secondary{color:var(--ink);border-color:var(--ink);background:0 0}.btn-secondary:hover:not(:disabled){background:#1b294b12}.btn-coffee{background:var(--amber);color:var(--ink);border-radius:999px}.btn-coffee:hover{background:var(--amber-hover)}.link-btn{font:inherit;color:var(--ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-btn:hover{color:var(--ink)}.hero{grid-template-columns:1fr minmax(260px,44ch);align-items:end;gap:24px 48px;padding:20px 0 30px;display:grid}.wordmark{font-variation-settings:"wdth" 125;letter-spacing:-.035em;margin:0;font-size:clamp(3.6rem,10vw,8.5rem);font-weight:850;line-height:.86}.lede{color:var(--ink-soft);max-width:44ch;margin:0 0 .6em;font-size:1.125rem}.configurator{grid-template-columns:340px 1fr;gap:16px;height:clamp(560px,100svh - 96px,820px);display:grid}.controls{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-panel);overscroll-behavior:contain;flex-direction:column;padding:8px 20px 0;display:flex;overflow-y:auto}fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:14px 0 6px}legend{float:left;font-variation-settings:"wdth" 90;width:100%;margin-bottom:10px;padding:0;font-size:1rem;font-weight:750}.field{clear:both;margin-bottom:12px;display:block}.field-label{font-variation-settings:"wdth" 90;color:var(--ink-soft);margin-bottom:4px;font-size:.875rem;font-weight:600;display:block}select,input[type=number]{width:100%;height:40px;font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-control);background:#fff;padding:0 10px}select{appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231b294b' stroke-width='1.8'/%3E%3C/svg%3E") right 12px center no-repeat;padding-right:32px}select:hover,input[type=number]:hover{border-color:var(--ink-soft)}.input-unit{align-items:stretch;display:flex}.input-unit input{border-radius:var(--radius-control) 0 0 var(--radius-control);font-variant-numeric:tabular-nums}.input-unit .unit{border-radius:0 var(--radius-control) var(--radius-control) 0;background-color:var(--tile);width:auto;color:var(--ink-soft);background-position:right 9px center;background-size:9px 6px;border-left:0;flex:none;padding:0 26px 0 12px;font-size:.875rem}.input-unit .unit:hover{background-color:var(--tile-deep)}input[aria-invalid=true]{border-color:var(--warn)}.hint{color:var(--ink-soft);min-height:1.1em;margin-top:4px;font-size:.8125rem;line-height:1.4;display:block}.hint.is-warning{color:var(--warn);font-weight:600}.downloads{background:linear-gradient(to bottom, #f7f8fa00, var(--paper) 14px);gap:8px;margin-top:auto;padding:16px 0;display:grid;position:sticky;bottom:0}.minor-actions{justify-content:space-between;padding-top:6px;font-size:.9rem;display:flex}.stage{background:radial-gradient(120% 90% at 50% 40%, #eef0f3 0%, var(--tile-deep) 100%);border:1px solid var(--line);border-radius:var(--radius-panel);min-height:420px;position:relative;overflow:hidden}.viewer{cursor:grab;touch-action:none;position:absolute;inset:0}.viewer:active{cursor:grabbing}.viewer canvas{width:100%;height:100%;display:block}.stage-overlay{text-align:center;background:#e3e6ead1;place-content:center;justify-items:center;gap:14px;padding:24px;font-weight:600;display:grid;position:absolute;inset:0}.stage-overlay p{max-width:36ch;margin:0}.stage-overlay[hidden]{display:none}.stage-overlay.is-subtle{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.875rem;inset:16px 16px auto auto}.stage-overlay.is-error{color:var(--warn)}.stage-tools{background:var(--paper);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 12px;font-size:.875rem;display:flex;position:absolute;bottom:16px;left:16px}.check{cursor:pointer;align-items:center;gap:6px;display:flex}.check input{accent-color:var(--amber);width:16px;height:16px}.swatch input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:26px;height:26px;padding:0}.swatch input::-webkit-color-swatch-wrapper{padding:0}.swatch input::-webkit-color-swatch{border:0;border-radius:50%}.tool-btn{font:inherit;color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 6px;text-decoration:underline}.readout{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0;font-size:.8125rem;position:absolute;bottom:14px;right:18px}.gallery,.guide,.open{padding:88px 0 0}h2{font-variation-settings:"wdth" 118;letter-spacing:-.02em;margin:0 0 28px;font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;line-height:1.05}h3{font-variation-settings:"wdth" 100;margin:0 0 14px;font-size:1.15rem;font-weight:750}.media-grid{grid-template-columns:3fr 2fr;grid-auto-rows:clamp(280px,34vw,460px);gap:14px;display:grid}.media{background:var(--tile-deep);border-radius:10px;margin:0;position:relative;overflow:hidden}.media img,.media video{object-fit:cover;width:100%;height:100%}.media figcaption{background:var(--paper);border-radius:999px;padding:4px 10px;font-size:.8125rem;font-weight:600;position:absolute;bottom:12px;left:12px}.media-cutout img{object-fit:contain;padding:18px 18px 44px}.media-missing{height:100%;min-height:200px;color:var(--ink-soft);border:2px dashed var(--line);border-radius:10px;place-items:center;padding:20px;font-size:.875rem;display:grid}.guide-cols{grid-template-columns:1fr 1fr;gap:56px;display:grid}dl{margin:0}dt{margin-top:18px;font-weight:700}dt:first-child{margin-top:0}dd{color:var(--ink-soft);max-width:60ch;margin:4px 0 0}.open{max-width:70ch}.open p{color:var(--ink-soft);margin:0 0 22px;font-size:1.0625rem}.open-actions{flex-wrap:wrap;gap:10px;display:flex}.footer{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:88px;padding:22px 0 28px;font-size:.9rem}.footer p{margin:0}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:16px}.configurator{grid-template-columns:1fr;height:auto}.controls{overflow:visible}.stage{order:-1;height:62vh;min-height:360px}.guide-cols{grid-template-columns:1fr;gap:32px}.media-grid{grid-template-columns:1fr 1fr;grid-auto-rows:260px}}@media (max-width:640px){.topbar nav{display:none}.topbar .btn-coffee{min-height:36px;margin-left:auto;padding:0 14px;font-size:.875rem}.media-grid{grid-template-columns:1fr;grid-auto-rows:240px}.readout{bottom:64px;left:16px;right:auto}}