:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#eae5db;--paper-lift:#f3efe7;--paper-sunk:#ded7c9;--ink:#2b211a;--ink-soft:#5d5348;--rule:#cdc5b6;--rule-control:#6b5f52;--amber:#c4761f;--amber-deep:#7f4a0d;--amber-wash:#f0e0c8;--brick:#96382a;--brick-wash:#f2ddd8;--brick-ink:#6f2c21;--stage:#f3efe7;--step-1:.5rem;--step-2:.75rem;--step-3:1rem;--step-4:1.5rem;--step-5:2rem;--step-6:3rem;--measure:34rem;--radius:3px;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-body);margin:0;font-size:1rem;line-height:1.55}main{max-width:72rem;padding:var(--step-5) var(--step-3) var(--step-6);margin:0 auto}h1{margin:0 0 var(--step-2);font-size:1.875rem;line-height:1.2}h2{margin:var(--step-5) 0 var(--step-2);font-size:1.375rem;line-height:1.3}p{margin:0 0 var(--step-3);max-width:var(--measure)}a{color:var(--amber-deep)}.masthead{align-items:center;gap:var(--step-2);padding:var(--step-3);border-bottom:1px solid var(--rule);max-width:72rem;margin:0 auto;display:flex}.masthead-mark{width:2.25rem;height:auto}.masthead-title{color:var(--ink);font-size:1.0625rem;font-weight:600}.brand-footer{max-width:72rem;padding:var(--step-4) var(--step-3) var(--step-5);border-top:1px solid var(--rule);gap:var(--step-3);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;margin:0 auto;font-size:.9375rem;display:flex}.studio{gap:var(--step-5);margin-top:var(--step-4);display:grid}.studio__stack{gap:var(--step-5);align-content:start;display:grid}@media (min-width:60rem){.studio{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:start}.cropper,.studio__stack{grid-template-rows:subgrid;grid-row:1/3;align-self:stretch;display:grid}.cropper{grid-column:1}.studio__stack{grid-column:2}.cropper__ask,.variant-picker{grid-row:1}.cropper__picture,.preview{grid-row:2}.issue{grid-area:3/1/auto/-1}}.field{gap:var(--step-1);margin-bottom:var(--step-2);flex-direction:column;display:flex}.field>span{color:var(--ink-soft);font-size:.9375rem}.field input[type=file],.field input[type=range]{color:inherit;font:inherit}.field input[type=file]{border:1px solid var(--rule-control);border-radius:var(--radius);padding:var(--step-1);background:var(--paper-lift)}.cropper__canvas,.cropper__placeholder{aspect-ratio:1;border:1px solid var(--rule-control);border-radius:var(--radius);background:var(--paper-sunk);width:100%;max-width:30rem}.cropper__canvas{touch-action:none;cursor:default;display:block}.cropper__placeholder{padding:var(--step-4);place-items:center;display:grid}.cropper__placeholder-text{text-align:center;color:var(--ink-soft);margin:0}.cropper__controls{align-items:end;gap:var(--step-2);margin-top:var(--step-2);flex-wrap:wrap;display:flex}.preview__canvas{aspect-ratio:1;border:1px solid var(--rule-control);border-radius:var(--radius);background:var(--stage);touch-action:none;width:100%;max-width:30rem;overflow:hidden}.preview__controls{margin-top:var(--step-2)}.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--rule-control);background:var(--paper-lift);color:var(--ink);cursor:pointer;padding:.55rem 1.05rem}.btn:hover:not(:disabled){background:var(--paper-sunk)}.btn:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--amber-deep);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--ink);color:var(--paper-lift);border-color:var(--ink);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--brick-ink);border-color:var(--brick-ink)}.btn--ghost{background:0 0}.hint{color:var(--ink-soft);font-size:.9375rem}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--step-1);font-size:.9375rem}.code-hero{font-family:var(--font-mono);letter-spacing:.06em;color:var(--brick-ink);margin:0 0 var(--step-2);font-size:2rem;font-weight:600}.issue__progress{width:100%;max-width:24rem;height:.5rem;accent-color:var(--accent,currentColor);margin-top:.75rem;display:block}.issue__code{border:1px solid var(--rule-control);border-radius:var(--radius);background:var(--brick-wash);padding:var(--step-4)}.notice{border-radius:var(--radius);padding:var(--step-2) var(--step-3);max-width:var(--measure);border:1px solid}.notice--bad{border-color:var(--brick);color:var(--brick-ink);background:var(--brick-wash)}.notice--warn{border-color:var(--amber);color:var(--amber-deep);background:var(--amber-wash)}.policy{max-width:var(--measure)}.policy li{margin-bottom:var(--step-1);color:var(--ink)}.variant-picker{margin:0 0 var(--step-2);border:0;padding:0}.variant-picker-legend{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:0;font-size:.9375rem}.variant-picker-options{gap:var(--step-1);margin-top:var(--step-1);flex-wrap:wrap;display:flex}.variant-option{border:1px solid var(--rule);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:.9375rem;line-height:1.2;display:inline-flex;position:relative}.variant-option[data-selected]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.variant-option input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.variant-option:focus-within{outline-offset:2px;outline:2px solid}.variant-swatch{pointer-events:none;border:1px solid var(--rule);border-radius:50%;flex:none;width:.85rem;height:.85rem}.variant-swatch--base{margin-left:-.5rem}.variant-price{color:var(--ink-soft)}.challenge{margin-top:var(--step-4);justify-content:center;min-height:65px;display:flex}