.website-page{background:var(--sx-base);color:var(--sx-text);overflow-x:clip}.design-page-frame{width:100%;max-width:none;padding-inline:var(--website-space-4);padding-block:var(--website-space-4);margin-inline:0}.design-center{min-width:0;max-width:100%}.design-heading{margin-block:var(--website-space-8)var(--website-space-6);max-width:760px}.design-heading h1{font-size:var(--website-size-hero);margin-block:var(--website-space-3);font-weight:400;line-height:1.15}.design-heading p{color:var(--fg-dim)}.design-planning,.design-fine{font-size:var(--website-size-sm);color:var(--fg-dim)}.design-center h2{font-size:var(--website-size-body);margin-block:var(--website-space-6)var(--website-space-4);font-weight:500}.design-center p{font-size:var(--website-size-sm);margin-block:var(--website-space-3);line-height:1.65}.design-center label{gap:var(--website-space-2);font-size:var(--website-size-sm);max-width:32rem;display:grid}.design-center select{width:100%;min-width:0;max-width:100%;color:var(--fg);background:var(--bg-3);border:var(--website-border-width)solid var(--line-strong);padding:var(--website-space-3)}.design-center button{cursor:pointer;min-height:var(--website-touch)}.design-center button:disabled{cursor:not-allowed;opacity:.55}.design-center button:focus-visible,.design-center select:focus-visible,.design-center input:focus-visible,.design-center summary:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.design-center .btn{white-space:normal;max-width:100%;height:auto;min-height:var(--website-touch)}.design-command{gap:var(--website-space-3);padding-block:var(--website-space-3);background:var(--sx-base);border-bottom:var(--website-border-width)solid var(--line-strong);display:grid;position:static}.design-command-readout{gap:var(--website-space-1)var(--website-space-3);grid-template-columns:auto auto;align-items:baseline;display:grid}.design-command-readout strong{font-family:var(--font-mono);font-size:var(--website-size-sm);font-weight:500}.design-command-price{font-family:var(--font-mono);font-size:var(--website-size-sm);font-variant-numeric:tabular-nums;justify-self:end}.design-command-price small{font-size:var(--website-size-xs);color:var(--fg-dim)}.design-command-points{font-family:var(--font-mono);font-size:var(--website-size-xs);color:var(--fg-dim);font-variant-numeric:tabular-nums;grid-column:1/-1}.design-command[data-over=true] .design-command-points{color:var(--warn)}.design-command meter{grid-column:1/-1;width:100%;display:block}.design-command-actions{gap:var(--website-space-2);flex-wrap:wrap;align-items:center;display:flex}.design-command-actions .btn{flex:auto}.design-command-note{font-size:var(--website-size-xs);margin:0}.design-command .design-custom{color:var(--fg-dim)}.design-confirm{gap:var(--website-space-2);flex-wrap:wrap;align-items:center;display:flex}.design-confirm p{flex:100%;margin:0}.design-sections{display:grid}.design-section{border-bottom:var(--website-border-width)solid var(--line-strong)}.design-section>summary{justify-content:space-between;align-items:center;gap:var(--website-space-3);min-height:var(--website-touch);padding-block:var(--website-space-4);cursor:pointer;font-size:var(--website-size-body);font-weight:500;list-style:none;display:flex}.design-section>summary::-webkit-details-marker{display:none}.design-section>summary:after{content:"+";font-family:var(--font-mono);color:var(--fg-dim);margin-left:var(--website-space-2)}.design-section[open]>summary:after{content:"−"}.design-section-status{font-family:var(--font-mono);font-size:var(--website-size-xs);color:var(--fg-dim);font-variant-numeric:tabular-nums;text-align:right;margin-left:auto;font-weight:400}.design-section-status [data-full=true]{color:var(--warn)}.design-section-body{padding-bottom:var(--website-space-6)}.design-bases{gap:var(--website-space-3);grid-template-columns:minmax(0,1fr);display:grid}.design-bases button{gap:var(--website-space-3);text-align:left;padding:var(--website-space-4);border:var(--website-border-width)solid var(--line-strong);background:var(--bg-2);grid-template-columns:1fr 1fr;min-width:0;display:grid}.design-bases button[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 -2px var(--color-primary)}.design-bases strong,.design-price{font-family:var(--font-mono);font-size:var(--website-size-price);font-variant-numeric:tabular-nums;font-weight:400}.design-bases small,.design-price small{font-size:var(--website-size-xs);font-family:var(--font-sans)}.design-bases span{font-size:var(--website-size-sm)}.design-custom-panel{border-block:var(--website-border-width)solid var(--line);padding-block:var(--website-space-8)}.design-actions{gap:var(--website-space-3);flex-wrap:wrap;align-items:center;display:flex}.design-frames{gap:var(--website-space-2);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:100%;display:grid}.design-frames button{border:var(--website-border-width)solid var(--line);padding:var(--website-space-3);text-align:left;font-size:var(--website-size-sm)}.design-frames button small{font-size:var(--website-size-xs);display:block}.design-frames [aria-pressed=true]{border-color:var(--fg)}.design-items{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.design-item{border-bottom:var(--website-border-width)solid var(--line);min-width:0;padding:var(--website-space-3)}.design-item>button{gap:var(--website-space-3);text-align:left;width:100%;font-size:var(--website-size-sm);justify-content:space-between;align-items:center;display:flex}.design-item>button small{max-width:45%;font-size:var(--website-size-xs);color:var(--fg-dim);flex-shrink:0}.design-item[data-selected=true]{background:var(--bg-3)}.design-item p{font-size:var(--website-size-xs)}.design-quantity,.design-viewport{gap:var(--website-space-3);align-items:center;display:flex}.design-quantity button{width:var(--website-touch);border:var(--website-border-width)solid var(--line)}.design-check{align-items:center;gap:var(--website-space-2);display:flex}.design-viewport{margin-block:var(--website-space-3);justify-content:space-between}.design-viewport [aria-pressed=true]{text-underline-offset:6px;text-decoration:underline}.design-summary-grid{gap:var(--website-space-6);display:grid}.design-summary-line{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.design-center details details{margin-block:var(--website-space-4)}.design-center details details summary{cursor:pointer;min-height:var(--website-touch);font-size:var(--website-size-sm);align-items:center;display:flex}.design-center li{font-size:var(--website-size-sm);padding-block:var(--website-space-1)}.design-shell{gap:var(--website-space-4);min-width:0;display:grid}.design-canvas{gap:var(--website-space-2);min-width:0;display:grid}.design-canvas-bar{justify-content:space-between;align-items:center;gap:var(--website-space-3);flex-wrap:wrap;display:flex}.design-canvas-meta{font-family:var(--font-mono);font-size:var(--website-size-xs);color:var(--fg-dim)}.design-canvas-frame{border:var(--website-border-width)solid var(--line-strong);background:var(--bg);min-width:0;max-height:70vh;overflow:auto}.design-rail{min-width:0}@media (min-width:720px){.design-command{grid-template-columns:minmax(0,1fr) auto;align-items:center}.design-command-readout{grid-template-columns:auto auto minmax(0,1fr)}.design-command-points{grid-column:auto}.design-command meter{grid-column:1/-1;max-width:24rem}.design-command-actions .btn{flex:none}.design-command-note,.design-confirm{grid-column:1/-1}.design-bases{grid-template-columns:repeat(3,minmax(0,1fr))}.design-bases button{grid-template-columns:1fr}.design-frames{grid-template-columns:repeat(3,minmax(0,1fr))}.design-items{grid-template-columns:repeat(2,minmax(0,1fr))}.design-summary-grid{gap:var(--website-space-12);grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (min-width:1024px){.design-command{top:var(--size-topbar)}.design-items{grid-template-columns:repeat(3,minmax(0,1fr))}.design-frames{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.design-center *{transition:none}}.design-command{padding-block:var(--website-space-3)var(--website-space-2)}.design-tiles{gap:var(--website-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-tile{gap:var(--website-space-1);padding:var(--website-space-3)var(--website-space-2);background:var(--bg-2);border:var(--website-border-width)solid var(--line);min-width:0;display:grid}.design-tile strong{font-family:var(--font-mono);font-size:var(--website-size-heading);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-weight:400;line-height:1;overflow:hidden}.design-tile span{font-family:var(--font-mono);font-size:var(--website-size-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.design-tile[data-tone=over] strong{color:var(--warn)}.design-tile[data-tone=spent] strong{color:var(--color-primary-text)}.design-segments{margin-top:var(--website-space-2);border:var(--website-border-width)solid var(--line);background:var(--bg-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design-segments button{padding:var(--website-space-2);font-family:var(--font-mono);font-size:var(--website-size-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-dim);border:0;border-right:var(--website-border-width)solid var(--line);background:0 0;gap:0;display:grid}.design-segments button:last-child{border-right:0}.design-segments button small{font-size:var(--website-size-xs);letter-spacing:0;text-transform:none}.design-segments button[aria-pressed=true]{color:var(--fg);background:var(--bg-4);box-shadow:inset 0 -2px var(--color-primary)}.design-command-notes{margin-top:var(--website-space-2)}.design-dock{z-index:6;align-items:center;gap:var(--website-space-1);padding:var(--website-space-2)var(--website-space-3)calc(var(--website-space-2) + env(safe-area-inset-bottom));background:var(--sx-surface);border-top:var(--website-border-width)solid var(--line-strong);grid-template-columns:1fr 1fr auto 1fr auto;display:grid;position:fixed;bottom:0;left:0;right:0}.design-dock a,.design-dock button{justify-items:center;gap:var(--website-space-1);min-height:var(--website-touch);padding:var(--website-space-1);font-family:var(--font-mono);font-size:var(--website-size-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-dim);text-align:center;background:0 0;border:0;text-decoration:none;display:grid}.design-dock button[aria-pressed=true]{color:var(--fg)}.design-dock-primary{width:3.5rem;height:3.5rem;margin-inline:var(--website-space-2);border-radius:var(--r-full);align-content:center;justify-self:center;font-weight:500;background:var(--color-primary)!important;color:var(--color-on-primary)!important}.design-dock-primary:disabled{opacity:.45}.design-dock-points{font-family:var(--font-mono);font-size:var(--website-size-xs);color:var(--fg-dim);font-variant-numeric:tabular-nums;padding-left:var(--website-space-1)}.design-dock-points small{margin-left:2px}.design-center{padding-bottom:calc(var(--website-touch)*2)}.design-item[data-selected=true]{border-left:3px solid var(--color-primary)}.design-section>summary span:first-child{font-family:var(--font-mono);font-size:var(--website-size-sm);letter-spacing:var(--ls-wide);text-transform:uppercase}@media (min-width:720px){.design-command{gap:var(--website-space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.design-tiles{grid-template-columns:repeat(4,minmax(7rem,1fr))}.design-segments{min-width:22rem;margin-top:0}.design-command-notes{grid-column:1/-1}}@media (min-width:1024px){.design-dock{bottom:auto;top:calc(var(--size-topbar));z-index:5;justify-items:start;gap:var(--website-space-4);padding:var(--website-space-1)0;background:var(--sx-base);border-top:0;border-bottom:var(--website-border-width)solid var(--line-strong);grid-template-columns:auto auto auto auto minmax(0,1fr);position:sticky}.design-dock a,.design-dock button{min-height:var(--website-touch);padding-inline:var(--website-space-2);grid-auto-flow:column}.design-dock-primary{width:auto;height:auto;min-height:var(--website-touch);border-radius:var(--store-radius);margin-inline:0;padding-inline:var(--website-space-4)!important}.design-dock-points{font-size:var(--website-size-sm);justify-self:end}.design-command{border-bottom:0;position:static}.design-center{padding-bottom:var(--website-space-12)}.design-shell{align-items:start;gap:var(--website-space-6);grid-template-columns:minmax(0,64rem) minmax(28rem,1fr)}.design-canvas{top:calc(var(--size-topbar) + var(--website-space-3));position:sticky}.design-canvas-frame{max-height:calc(100dvh - var(--size-topbar) - 7rem)}.design-rail{max-height:calc(100dvh - var(--size-topbar));padding-right:var(--website-space-2);overflow-y:auto}}.design-breadcrumb{font-size:var(--website-size-sm);color:var(--fg-dim);margin-block:var(--website-space-4)var(--website-space-6)}.design-sections{gap:var(--website-space-3)}.design-section{border:var(--website-border-width)solid var(--line-strong);border-radius:var(--r-md);background:var(--bg-2)}.design-section>summary{align-items:center;gap:var(--website-space-3);padding:var(--website-space-4);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.design-section>summary:after,.design-section[open]>summary:after{content:none}.design-step-number{border-radius:var(--r-full);background:var(--bg-4);width:2rem;height:2rem;font-family:var(--font-mono);font-size:var(--website-size-xs);color:var(--fg-dim);place-items:center;display:grid}.design-step-text{gap:2px;min-width:0;display:grid}.design-step-label{font-family:var(--font-mono);font-size:var(--website-size-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-dim)}.design-section>summary span:first-child{letter-spacing:0;text-transform:none;font-family:inherit}.design-step-title{font-size:var(--website-size-body);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.design-step-sub{font-size:var(--website-size-sm);color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.design-section-status{font-family:var(--font-sans);font-size:var(--website-size-sm);text-transform:none}.design-step-chevron{border-right:2px solid var(--fg-dim);border-bottom:2px solid var(--fg-dim);width:.5rem;height:.5rem;transition:transform var(--website-fold-duration);transform:rotate(-45deg)}.design-section[open]>.design-step-chevron,.design-section[open]>summary .design-step-chevron{transform:rotate(45deg)}.design-section-body{padding:0 var(--website-space-4)var(--website-space-5);border-top:var(--website-border-width)solid var(--line);padding-top:var(--website-space-4)}.design-section-body .design-items,.design-section-body .design-frames,.design-section-body .design-bases{margin-top:var(--website-space-2)}.design-item{border-radius:var(--store-radius)}@media (prefers-reduced-motion:reduce){.design-step-chevron{transition:none}}.design-register{margin-top:var(--website-space-4)}
.design-heading{margin-block:var(--website-space-4)var(--website-space-3)}.design-heading h1{margin-block:0 var(--website-space-2)}.design-heading p{max-width:40rem}.design-size-bar{gap:var(--website-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design-size-bar button,.design-size-choices button{min-height:var(--website-touch);padding:var(--website-space-3);text-align:center;font-size:var(--website-size-sm);color:var(--fg);background:var(--bg-2);border:var(--website-border-width)solid var(--line-strong)}.design-size-bar button[aria-pressed=true],.design-size-choices button[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 -2px var(--color-primary)}.design-size-choices{gap:var(--website-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design-tiles-quiet{opacity:.85}.design-coming-soon{margin-block:var(--website-space-4)var(--website-space-2);font-size:var(--website-size-sm);color:var(--fg-dim)}.design-dock-points{display:none}.design-size-legacy{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:1024px){.design-shell{grid-template-columns:minmax(0,1fr) minmax(22rem,28rem)}.design-canvas{order:0}.design-rail{order:1}}