:root{--page:#f5f5f0;--surface:#fff;--surface-subtle:#eeeee7;--brand:#254d42;--brand-hover:#1a3a31;--brand-pressed:#122c24;--text:#222d29;--text-secondary:#53615a;--text-muted:#637168;--border:#d7dcd5;--border-strong:#a7b4a9;--focus:#ad6227;--selected-bg:#e7f0e9;--selected-border:#35604f;--success:#285941;--success-bg:#e8f1e9;--warning:#754c17;--warning-bg:#fbf0d9;--error:#9b3636;--error-bg:#fceeed;--info:#345b72;--info-bg:#eaf1f6;--disabled:#e1e5df;--overlay:#14221db3;--radius-sm:8px;--radius:16px;--radius-lg:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font:ui-rounded, "Nunito", "Arial Rounded MT Bold", system-ui, sans-serif;--body-size:16px;--body-line:24px;--label-size:14px;--support-line:20px;--title-size:32px;--title-line:38px;--section-size:20px;--section-line:28px;--content-max:1440px;--content-max-editor:1600px;--control-min:44px;--shadow:0 12px 36px #213b2b08;--duration:.18s}*{box-sizing:border-box}body{background:var(--page);color:var(--text);font:var(--body-size)/var(--body-line) var(--font);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--brand);text-underline-offset:var(--space-1)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}button,input,select,textarea{min-height:var(--control-min)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1{font-size:var(--title-size);line-height:var(--title-line);letter-spacing:-.025em;margin:var(--space-2) 0 var(--space-4)}h2{font-size:var(--section-size);line-height:var(--section-line);margin:0 0 var(--space-4)}h3{font-size:var(--body-size);line-height:var(--body-line);margin:0 0 var(--space-2)}p{margin:0 0 var(--space-4)}small,.support{font-size:var(--label-size);line-height:var(--support-line);color:var(--text-secondary)}.muted{color:var(--text-secondary)}.eyebrow{font-size:var(--label-size);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-min);padding:var(--space-3) var(--space-5);border:1px solid var(--brand);border-radius:var(--radius-sm);background:var(--brand);color:var(--surface);transition:background var(--duration);font-weight:650;text-decoration:none;display:inline-flex}.button:hover{background:var(--brand-hover)}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button.secondary:hover{background:var(--surface-subtle)}.button.danger{background:var(--error);border-color:var(--error)}.button.quiet{color:var(--brand);background:0 0;border-color:#0000}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow)}.field{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.field>span,legend{font-size:var(--label-size);font-weight:650}.field input,.field textarea,.field select,.input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:var(--space-3);min-width:0}.field textarea{resize:vertical;min-height:112px}.field input[aria-invalid=true]{border-color:var(--error)}fieldset{margin:0 0 var(--space-5);border:0;min-width:0;padding:0}legend{padding:0 0 var(--space-3)}.notice{padding:var(--space-4);border-radius:var(--radius-sm);background:var(--info-bg);color:var(--info);margin:var(--space-4) 0;font-size:var(--label-size);line-height:var(--support-line)}.notice.warning{background:var(--warning-bg);color:var(--warning)}.notice.error{background:var(--error-bg);color:var(--error)}.notice.success{background:var(--success-bg);color:var(--success)}.badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-subtle);padding:var(--space-1) var(--space-3);font-size:var(--label-size);line-height:var(--support-line);color:var(--text-secondary);display:inline-flex}.badge.success{background:var(--success-bg);color:var(--success)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.info{background:var(--info-bg);color:var(--info)}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.between{justify-content:space-between}.stack,.grid{gap:var(--space-6);display:grid}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.shell{max-width:var(--content-max);padding:var(--space-10) var(--space-8) var(--space-16);margin:auto}.topbar{border-bottom:1px solid var(--border);background:var(--surface);height:80px;padding:0 var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.brand{gap:var(--space-3);color:var(--text);font-weight:750;font-size:var(--section-size);align-items:center;text-decoration:none;display:inline-flex}.brand-mark{background:var(--brand);color:var(--surface);width:var(--control-min);height:var(--control-min);border-radius:var(--radius-sm);font-size:var(--section-size);place-items:center;display:grid}.brand small{font-size:var(--label-size);font-weight:400;display:block}.nav{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.nav a{padding:var(--space-3);border-radius:var(--radius-sm);min-height:var(--control-min);text-decoration:none}.nav a[aria-current=page]{background:var(--selected-bg);color:var(--brand);font-weight:650}.stat{font-size:var(--title-size);line-height:var(--title-line);margin:var(--space-3) 0;font-weight:700}.empty{text-align:center;padding:var(--space-16) var(--space-8)}.divider{background:var(--border);height:1px;margin:var(--space-6) 0}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border);padding:var(--space-4);vertical-align:top}th{font-size:var(--label-size);color:var(--text-secondary)}.skeleton{border-radius:var(--radius-sm);background:var(--surface-subtle);min-height:var(--space-12);animation:1.5s ease-in-out infinite pulse}.skip-link{left:var(--space-4);z-index:99;position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}dialog{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);max-width:560px;width:calc(100% - var(--space-8));max-height:90vh;color:var(--text);background:var(--surface);overflow:auto}dialog::backdrop{background:var(--overlay)}.auth-layout{max-width:1120px;margin:var(--space-12) auto;gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.auth-proof{padding:var(--space-8);background:var(--surface-subtle);border-radius:var(--radius-lg)}.auth-proof img{object-fit:contain;width:100%;max-height:480px;display:block}.editor{max-width:var(--content-max-editor);align-items:start;gap:var(--space-8);padding:var(--space-8);grid-template-columns:minmax(0,1.1fr) minmax(420px,1fr);margin:auto;display:grid}.preview-panel{background:var(--surface-subtle);border-radius:var(--radius-lg);padding:var(--space-6);min-width:0}.preview-viewport{aspect-ratio:4/5;max-height:68vh;margin:var(--space-4) auto;border-radius:var(--radius-sm);place-items:center;max-width:100%;display:grid;position:relative;overflow:auto}.preview-viewport img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;box-shadow:var(--shadow);display:block}.preview-viewport.zoomed img{width:150%;max-width:none;height:auto}.preview-viewport.zoomed{display:block}.preview-viewport img.updating{opacity:.45;transition:opacity .15s ease-out}.preview-skeleton{border-radius:var(--radius-sm);background:var(--surface-subtle);width:100%;height:100%;padding:var(--space-4);box-sizing:border-box}.preview-skeleton .garment{fill:var(--border);opacity:.5;animation:1.6s ease-in-out infinite pulse}.preview-skeleton .collar{fill:none;stroke:var(--border-strong);stroke-width:18px;opacity:.45}.preview-skeleton .artwork{fill:var(--border-strong);opacity:.55;animation:1.6s ease-in-out .25s infinite pulse}.preview-status{right:var(--space-4);bottom:var(--space-4);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text-secondary);white-space:nowrap;pointer-events:none;border-radius:999px;margin:0;font-size:.875rem;display:flex;position:absolute}.preview-status svg{width:1rem;height:1rem}.preview-status.settled svg{color:var(--success,#2f6b4f)}.spinner{border:2px solid var(--border-strong);border-top-color:var(--text);border-radius:50%;width:.9em;height:.9em;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:var(--border-strong)}}.panels{gap:var(--space-5);border:0;margin:0;padding:0;display:grid}.panel{margin:0}.panel-head{gap:var(--space-4);margin-bottom:var(--space-5);align-items:flex-start;display:flex}.panel-head h2{margin:0;font-size:1.05rem}.panel-head p{margin:var(--space-1) 0 0}.icon-badge{background:var(--surface-subtle);border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;display:grid}.icon-badge svg{width:1.25rem;height:1.25rem}.icon-badge.subtle{background:var(--surface);width:2rem;height:2rem}.icon-badge.subtle svg{width:1rem;height:1rem}.field-pair{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(198px,1fr));align-items:start;display:grid}.field-pair>fieldset,.field-pair>.field{min-width:0;margin:0}.field-foot{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.field-foot .button.quiet{min-height:0;padding:0;font-size:.8125rem}.shirt-colors{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.shirt-colors legend{padding:0;font-weight:600}.shirt-colors .swatch{padding:var(--space-2)}.shirt-colors .swatch-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.shirt-colors .support{margin-top:var(--space-3);display:block}.colors-note{margin-top:var(--space-5);text-align:center;display:block}.custom-toggle{grid-column:1/-1;justify-content:space-between}.custom-toggle .toggle-plus{display:none}.custom-toggle:after{content:"";opacity:.6;border-bottom:2px solid;border-right:2px solid;width:.5rem;height:.5rem;transform:rotate(45deg)translate(-2px,-2px)}.custom-toggle[aria-expanded=true]:after{transform:rotate(-135deg)translate(-2px,-2px)}.advanced-color{margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle)}.advanced-color>:first-child{margin-top:0}.advanced-color>:last-child{margin-bottom:0}.word-field+.word-field{margin-top:var(--space-5)}.word-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.word-head label{font-size:.875rem;font-weight:600}.word-head .button.quiet{min-height:0;padding:0;font-size:.8125rem}.counted{display:block;position:relative}.counted input{width:100%;padding-right:4.25rem}.counted small{right:var(--space-3);color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.field-pair .swatches{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.field-pair .swatch{min-width:0;padding-inline:var(--space-2)}.field-pair .swatch span:not(.swatch-dot){text-overflow:ellipsis;overflow:hidden}.color-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:end;display:grid}.color-well{cursor:pointer;width:100%;height:2.75rem;padding:3px}.format-toggle{margin:var(--space-3) 0}.channels{gap:var(--space-2);display:grid}.channels.three{grid-template-columns:repeat(3,minmax(0,1fr))}.channels.four{grid-template-columns:repeat(4,minmax(0,1fr))}.channels .field{min-width:0}.channels input{width:100%;min-width:0;padding:var(--space-2) var(--space-1)}.preview-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.preview-title{gap:var(--space-3);align-items:center;margin:0;display:flex}.preview-title strong{font-size:.9375rem;display:block}.preview-title small{display:block}.button.with-icon{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.button.with-icon svg{width:1rem;height:1rem}.preview-strip{display:none}.full-view{text-align:center;width:min(92vw,640px);max-height:90vh;overflow:auto}.full-view img,.full-view .preview-skeleton{width:100%;height:auto;margin-bottom:var(--space-4);-webkit-user-select:none;user-select:none;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.control-panel{align-self:start}.control-panel .card{padding:var(--space-8)}.swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch{align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-height:var(--control-min);display:flex}.swatch[aria-pressed=true]{border:2px solid var(--selected-border);background:var(--selected-bg)}.swatch-dot{width:var(--space-5);height:var(--space-5);border:1px solid var(--border-strong);border-radius:50%}.proof-summary{gap:var(--space-3);margin:var(--space-6) 0;grid-template-columns:1fr 1fr;display:grid}.proof-summary dt{color:var(--text-secondary)}.proof-summary dd{overflow-wrap:anywhere;margin:0}.sticky-action{margin-top:var(--space-6);gap:var(--space-3);display:grid}.checkbox{gap:var(--space-3);min-height:var(--control-min);margin:var(--space-3) 0;align-items:center;display:flex}.checkbox input{width:var(--space-5);min-height:var(--space-5);accent-color:var(--brand)}.code{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:var(--label-size)}.design-code .code{letter-spacing:.05em;white-space:nowrap;font-size:1.25em}.link-output{word-break:break-all;padding:var(--space-4);background:var(--surface-subtle);border-radius:var(--radius-sm)}.success-page{max-width:720px;margin:var(--space-12) auto}.success-symbol{width:var(--space-16);height:var(--space-16);background:var(--success-bg);color:var(--success);font-size:var(--title-size);margin-bottom:var(--space-6);border-radius:50%;place-items:center;display:grid}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=900px){.editor{gap:var(--space-6);grid-template-columns:1fr}.preview-head{flex-wrap:wrap}.preview-panel{display:none}.preview-strip{align-items:center;gap:var(--space-2) var(--space-4);z-index:4;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,12px);box-shadow:var(--shadow);grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}.strip-body{display:contents}.strip-body[hidden]{display:none}.strip-thumb{border-radius:var(--radius-sm);background:var(--surface-subtle);grid-area:1/1;place-items:center;width:3.5rem;height:3.5rem;display:grid;position:relative;overflow:hidden}.strip-thumb img,.strip-thumb .preview-skeleton{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.strip-thumb.updating{opacity:.55}.strip-text{grid-area:1/2;min-width:0}.strip-text strong,.strip-text small{display:block}.strip-toggle{width:2.75rem;height:2.75rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;grid-area:1/3;place-items:center;display:grid}.strip-toggle svg{width:1.25rem;height:1.25rem;transition:transform .15s}.strip-toggle[aria-expanded=false] svg{transform:rotate(180deg)}.strip-body .button{grid-area:2/2/auto/-1;justify-self:start}.control-panel{padding-bottom:var(--space-12)}.field-pair .swatches,.swatches{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(2.75rem,1fr));display:grid}.swatch{aspect-ratio:1;border-radius:50%;justify-content:center;padding:0}.swatch .swatch-dot{width:1.5rem;height:1.5rem}.swatch .swatch-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.swatch[aria-pressed=true] .swatch-dot:after{content:"✓";color:#fff;text-shadow:0 0 2px #00000080;place-items:center;width:100%;height:100%;font-size:.8rem;display:grid}.custom-toggle{grid-column:auto}.custom-toggle .toggle-plus{font-size:1.25rem;line-height:1;display:block}.custom-toggle .toggle-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.custom-toggle:after{display:none}.preview-viewport{max-height:58vh}.cols-3{grid-template-columns:1fr}.auth-layout{gap:var(--space-6)}}@media (width<=640px){:root{--title-size:28px;--title-line:34px}.shell{padding:var(--space-6) var(--space-4) var(--space-12)}.topbar{height:auto;min-height:80px;padding:var(--space-4);flex-wrap:wrap}.brand small{display:none}.cols-2,.auth-layout{grid-template-columns:1fr}.auth-proof{display:none}.auth-layout{margin:var(--space-6) 0}.editor,.preview-panel,.control-panel .card{padding:var(--space-4)}.sticky-action{background:var(--surface);padding:var(--space-4) 0 max(var(--space-4), env(safe-area-inset-bottom));z-index:2;position:sticky;bottom:0}.proof-summary{grid-template-columns:1fr}.proof-summary dd{margin-bottom:var(--space-3)}.nav{gap:0}.nav a{padding:var(--space-2)}.success-page{margin:var(--space-6) var(--space-4)}}.detail-preview{object-fit:contain;width:100%;max-height:480px;margin:var(--space-6) 0;display:block}.match-order-number{font-size:var(--title-size);line-height:var(--title-line);overflow-wrap:anywhere;margin:0}.match-facts{margin:var(--space-4) 0}.match-design{gap:var(--space-4);padding:var(--space-3);border:1px solid var(--border,transparent);border-radius:var(--radius-sm);grid-template-columns:96px minmax(0,1fr);align-items:start;display:grid}.match-design-unusable{background:var(--surface-subtle);border-style:dashed}.match-design-unusable .match-thumb{filter:grayscale()}.match-thumb{object-fit:contain;background:var(--surface-subtle);border-radius:var(--radius-sm);width:96px;height:96px}.match-large{object-fit:contain;width:100%;max-height:420px;margin:var(--space-4) 0;display:block}.match-code{letter-spacing:.05em;white-space:nowrap;font-size:1.25em}.match-checks{padding:0;list-style:none}.match-actions{gap:var(--space-3)}@media (width<=640px){.match-actions .button,.match-design .button{width:100%}}details>summary{cursor:pointer;min-height:var(--control-min);padding:var(--space-3) 0}.ink-actions{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.ink-error{color:var(--error)}.ink-layout{gap:var(--space-5);grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:start;display:grid}@media (width<=720px){.ink-layout{grid-template-columns:minmax(0,1fr)}}.ink-list{gap:var(--space-2);flex-direction:column;display:flex}.ink-row{gap:2px var(--space-3);text-align:left;width:100%;font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;min-height:var(--control-min);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"chip hex share""chip meta meta";align-items:center;display:grid}.ink-row:hover{border-color:var(--border-strong)}.ink-row[aria-pressed=true]{background:var(--selected-bg);border-color:var(--selected-border);box-shadow:inset 0 0 0 1px var(--selected-border)}.ink-row:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.ink-chip{border-radius:var(--radius-sm);border:1px solid var(--border-strong);grid-area:chip;width:28px;height:28px}.ink-hex{grid-area:hex;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.ink-share{color:var(--text-muted);grid-area:share;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.ink-meta{color:var(--text-muted);grid-area:meta;font-size:.8rem}.ink-figure{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.ink-stage{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;position:relative;overflow:hidden}.ink-stage img,.ink-stage svg{width:100%;height:100%;position:absolute;inset:0}.ink-stage img{object-fit:contain}.ink-facts{gap:var(--space-5);flex-wrap:wrap;margin:0;display:flex}.ink-facts div{flex-direction:column;display:flex}.ink-facts dt{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem}.ink-facts dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.ink-paths{margin:var(--space-3) 0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.ink-paths li{flex-direction:column;gap:2px;min-width:0;display:flex}.ink-paths code{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;display:block;overflow-x:auto}.area-list,.source-list,.component-list{margin:var(--space-3) 0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.area-row{border:2px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);background:var(--surface)}.area-row[aria-current=true]{border-color:var(--selected-border);background:var(--selected-bg)}.area-row[aria-current=false]{background:var(--surface-subtle);color:var(--text-muted)}.source-row{align-items:center;gap:var(--space-3);min-height:var(--control-min);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);display:flex}.upload-tile{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-min);padding:var(--space-3);border:2px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--label-size);cursor:pointer;display:flex}.upload-tile:hover{border-color:var(--brand);color:var(--brand)}.upload-tile:focus-within{outline:2px solid var(--focus);outline-offset:2px}.upload-tile.disabled{opacity:.6;cursor:not-allowed}.upload-tile input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.component-row{align-items:center;gap:var(--space-1) var(--space-3);text-align:left;width:100%;padding:var(--space-3);border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font:inherit;color:inherit;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"chip name badge""chip meta badge";display:grid}.component-row .badge{grid-area:badge}.component-row:hover{border-color:var(--border-strong)}.component-row[aria-pressed=true]{border-color:var(--selected-border);background:var(--selected-bg)}.component-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.component-row .ink-chip{grid-area:chip}.component-name{overflow-wrap:anywhere;grid-area:name}.component-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-area:meta;display:flex}.component-detail{font-size:var(--label-size);color:var(--text-secondary)}.component-ink{font-family:ui-monospace,monospace;font-size:var(--label-size);color:var(--text-muted)}.component-pending{color:var(--text-muted);font-size:var(--label-size)}.component-panel{min-width:0}.component-panel code{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;display:block;overflow-x:auto}.choice-set{margin:var(--space-5) 0 0;border:0;padding:0}.choice-set legend{font-size:var(--label-size);color:var(--text-secondary);padding:0}.choice-set.nested,.support.nested{margin-left:var(--space-6);padding-left:var(--space-4);border-left:2px solid var(--border)}.component-swatches{margin:var(--space-2) 0 var(--space-3)}.component-swatches .swatch{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--label-size);display:inline-flex}.component-swatches .swatch-dot{width:var(--space-4);height:var(--space-4);border:1px solid var(--border-strong);border-radius:50%}.strategy-cards{gap:var(--space-3);margin-top:var(--space-2)}.strategy-card{gap:var(--space-2);text-align:left;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font:inherit;color:inherit;flex-direction:column;display:flex}.strategy-card[aria-pressed=true]{border-color:var(--selected-border);background:var(--selected-bg)}.strategy-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.strategy-card:disabled{cursor:not-allowed;opacity:.7}summary>h2{font-size:var(--section-size);display:inline}@media (width<=900px){.component-layout{grid-template-columns:minmax(0,1fr)}}.bench-page,.bench-grid{gap:var(--space-4);align-items:start;display:grid}.bench-col,.bench-rail{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.tests-left{margin:var(--space-2) 0 0}@media (width>=1200px){.bench-page{grid-template-columns:minmax(0,1fr) 300px}.bench-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.bench-rail{top:var(--space-4);max-height:calc(100vh - var(--space-8));position:sticky;overflow-y:auto}}@media (width>=1600px){.shell:has(.bench-page){max-width:var(--content-max-editor)}.bench-page{grid-template-columns:minmax(0,1fr) 332px}}.editor-header{gap:var(--space-2);margin:var(--space-4) 0;display:grid}.editor-header h2{margin:0}.step-bar{margin:0 0 var(--space-4);overflow-x:auto}.step-bar ol{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.step-bar li{flex:none}.step-bar a{align-items:center;gap:var(--space-2);min-height:var(--control-min);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);white-space:nowrap;text-decoration:none;display:inline-flex}.step-bar a[aria-current=step]{border-color:var(--selected-border);background:var(--selected-bg);font-weight:700}.step-number{background:var(--surface-subtle);width:24px;height:24px;font-size:var(--label-size);border-radius:50%;place-items:center;display:inline-grid}.step-bar a[aria-current=step] .step-number{background:var(--brand);color:var(--surface)}.checklist{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.checklist li{gap:var(--space-3);align-items:flex-start;display:flex}.checklist-mark{text-align:center;flex:none;width:24px}.checklist li.done .checklist-mark{color:var(--success)}.checklist-body{gap:var(--space-1);min-width:0;display:grid}.product-switch{gap:var(--space-2);flex-wrap:wrap;display:flex}.product-switch [role=tab]{min-height:var(--control-min);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.product-switch [role=tab][aria-selected=true]{border-color:var(--selected-border);background:var(--selected-bg);font-weight:700}.product-readout h3{margin:var(--space-2) 0}.variation-list{padding-left:var(--space-6);overflow-wrap:anywhere;margin:0}