.workbench{gap:24px;padding-bottom:36px;display:grid}.tool-heading{gap:14px;max-width:780px;display:grid}.tool-heading>.eyebrow{margin:8px 0 0}.tool-heading h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:550}.tool-heading>p{max-width:70ch;font-size:.9rem;line-height:1.75}.tool-heading>.btn{justify-self:start}.tool-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;transition:border-color .2s;overflow:hidden}.tool-card:hover{border-color:var(--blue)}.tool-card-art{aspect-ratio:5/2;background:var(--diagram-soft);overflow:hidden}.tool-card-art svg{width:100%;height:100%}.tool-card>div:last-child{padding:20px;position:relative}.tool-card h2{margin:8px 0;font-size:1rem}.tool-card p{max-width:95%;font-size:.78rem;line-height:1.7}.tool-card>div:last-child>svg:last-child{position:absolute;top:20px;right:16px}.tool-next{border:1px solid var(--line);background:var(--canvas);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;display:flex}.tool-next>div{flex:280px}.tool-next p{margin-top:8px;font-size:.8rem}.tool-note{color:var(--muted);font-size:.75rem;line-height:1.7}.tool-note a{text-underline-offset:3px;color:var(--blue);text-decoration:underline}.tool-panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;padding:24px}.tool-panel>h2{margin-bottom:14px}.tool-form{flex-direction:column;gap:18px;display:flex}.tool-split{grid-template-columns:minmax(250px,.7fr) minmax(0,1.5fr);align-items:start;gap:24px;display:grid}.tool-split>.tool-panel:only-child{grid-column:1/-1}.tool-color-field{overflow-wrap:anywhere;gap:7px;min-width:0;font-size:.75rem;display:grid}.tool-color-field>span:last-child{align-items:center;gap:10px;display:flex}.tool-color-field input[type=color]{background:var(--surface);border:1px solid var(--strong-line);border-radius:8px;flex-shrink:0;width:48px;height:38px;padding:3px}.tool-color-field input:not([type=color]){background:var(--surface);width:100%;min-width:0;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:.8rem}.tool-toolbar{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:20px;display:flex}.tool-toolbar>h2{align-self:center;margin-right:auto}.tool-toolbar>.field{min-width:150px;max-width:100%}.tool-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(98px,1fr));gap:10px;display:grid}.tool-swatch-grid button{text-align:left;overflow-wrap:anywhere;border:1px solid #849ab460;border-radius:10px;flex-direction:column;justify-content:space-between;gap:8px;min-height:88px;padding:12px;transition:transform .16s;display:flex}.tool-swatch-grid button:hover{transform:translateY(-2px)}.tool-swatch-grid button>span{font-size:.65rem}.tool-swatch-grid button strong{font-size:.72rem;font-weight:500}.tool-copy-status{min-height:24px;color:var(--green);margin:14px 0;font-size:.75rem}.tool-override{align-items:end;gap:16px;margin:18px 0;display:flex}.tool-override>.tool-color-field{flex:1}.tool-product-preview{border:1px solid;border-radius:12px;gap:16px;margin-top:24px;padding:28px;display:grid}.tool-product-preview>span{letter-spacing:.12em;font-size:.6rem}.tool-product-preview h2{font-size:1.4rem}.tool-product-preview p{font-size:.8rem}.tool-product-preview>div{border-radius:7px;justify-self:start;align-items:center;gap:8px;padding:10px 15px;font-size:.8rem;display:flex}.tool-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.tool-pair-grid article{border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.tool-pair-grid article>div{border:1px solid var(--line);border-radius:6px;padding:8px;font-size:1.6rem}.tool-pair-grid article>span:not(.badge){text-transform:capitalize;flex:1;font-size:.8rem}.tool-pair-grid small{color:var(--muted);margin-top:3px;font-size:.7rem;display:block}.tool-panel .code-block{max-height:390px;overflow:auto}.tool-stepper{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.tool-stepper>button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:24px;align-items:center;gap:8px;padding:9px 14px;font-size:.78rem;display:flex}.tool-stepper>button[aria-current=step]{background:var(--blue-soft);color:var(--blue);border-color:var(--line)}.tool-stepper>button>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.7rem;display:grid}.tool-builder-stage{min-height:480px}.tool-builder-stage>h2{margin-bottom:25px}.workbench .field textarea{border:1px solid var(--strong-line);background:var(--surface);width:100%;min-width:0;max-width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:12px;font-size:.8rem;line-height:1.6}.tool-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tool-form-grid .field{min-width:0}.tool-blueprint-preview{background:var(--canvas);border:1px solid var(--line);border-radius:12px;margin:24px 0;padding:28px;display:grid}.tool-blueprint-preview>span:not(.eyebrow){justify-self:start}.tool-spacing-bars{align-items:end;gap:12px;min-height:80px;margin:28px 0 10px;display:flex}.tool-spacing-bars i{background:var(--blue);border-radius:3px;width:28px;position:relative}.tool-spacing-bars small{font:11px var(--font-interface);color:var(--muted);position:absolute;bottom:-22px;left:0}.tool-wizard-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:20px;display:flex}.tool-wizard-actions>span{color:var(--muted);font-size:.7rem}.tool-summary{border:1px solid var(--line);background:var(--canvas);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));display:grid;overflow:hidden}.tool-summary>div{gap:10px;min-width:0;padding:20px;display:grid}.tool-summary span{color:var(--muted);font-size:.7rem}.tool-summary strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:1.4rem;font-weight:500}.tool-checks{gap:16px;display:grid}.tool-check{border:1px solid var(--line);border-radius:12px;gap:16px;min-width:0;padding:24px;display:grid}.tool-check-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.tool-check-heading h2{font-size:1rem}.tool-check-heading>.field{min-width:180px;max-width:240px;font-size:.65rem}.tool-check>p{font-size:.8rem;line-height:1.75}.tool-check.result-pass{background:color-mix(in srgb,var(--green-soft) 25%,var(--surface))}.tool-check.result-fail{background:color-mix(in srgb,#f7c8d0 12%,var(--surface));border-color:color-mix(in srgb,#b94b62 40%,var(--line))}.tool-roi-results{gap:22px;display:grid;position:sticky;top:80px}.tool-roi-results p{font-size:.8rem;line-height:1.75}.tool-roi-line{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:16px;font-size:.8rem;display:flex}.tool-roi-line strong{white-space:nowrap;font-weight:550}.workbench .accordion-body{gap:18px;display:grid}.workbench .field-error{font-size:.75rem}@media (max-width:1050px){.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-split{grid-template-columns:1fr}.tool-roi-results{position:static}.tool-split>.tool-form{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-split>.tool-form>.accordion{grid-column:1/-1}}@media (max-width:600px){.tool-cards,.tool-pair-grid,.tool-form-grid,.tool-split>.tool-form{grid-template-columns:1fr}.tool-panel,.tool-check{padding:18px}.tool-check-heading{flex-direction:column}.tool-check-heading>.field{width:100%;max-width:none}.tool-wizard-actions{flex-wrap:wrap}.tool-wizard-actions>span{text-align:center;order:3;width:100%}.tool-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-swatch-grid button{padding:8px}.tool-override{flex-wrap:wrap}.tool-stepper>button{padding:8px 10px}.tool-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.tool-swatch-grid button{transition:none}.tool-swatch-grid button:hover{transform:none}}.handoff-context{margin:28px 0}.handoff-context .tool-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.handoff-context p,.handoff-context a{margin:10px 0;font-size:.78rem;line-height:1.7}.handoff-context a{color:var(--blue);text-decoration:underline}@media (max-width:750px){.handoff-context .tool-form-grid{grid-template-columns:1fr}}.tool-inline-checks{border:0;flex-wrap:wrap;gap:12px 24px;min-width:0;margin:20px 0;padding:0;display:flex}.tool-inline-checks legend{margin-bottom:12px;font-weight:500}.tool-advanced-foundations{gap:8px;margin-block:24px;display:grid}.tool-advanced-foundations .field{margin-bottom:12px}.tool-form-grid>*{min-width:0}.tool-form-grid input[type=color]{border:1px solid var(--line);background:0 0;border-radius:8px;width:100%;min-height:36px;padding:4px}.tool-palette-receipt{border:1px solid var(--line);background:var(--canvas);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;font-size:.75rem;display:flex}.tool-palette-receipt i{border:1px solid var(--line);border-radius:6px;width:24px;height:24px;display:block}.tool-palette-receipt a{color:var(--blue);margin-left:auto}.tool-export-groups{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:12px 24px;margin:16px 0;padding:16px;display:flex}.tool-export-groups legend{color:var(--muted);padding:0 6px;font-size:.75rem}.accordion>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}.accordion>summary::-webkit-details-marker{display:none}.accordion>summary::marker{content:""}.accordion>summary>svg{color:var(--muted);flex:none;transition:transform .18s}.accordion[open]>summary>svg{transform:rotate(180deg)}.tool-intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:32px;padding-bottom:26px;display:grid}.tool-intro h1{letter-spacing:-.035em;margin:10px 0 12px;font-size:1.875rem;font-weight:550;line-height:1.2}.tool-intro p{max-width:65ch;color:var(--muted);font-size:.875rem;line-height:1.7}.tool-intro-art{aspect-ratio:1.8;background:var(--blue-soft);border-radius:12px;overflow:hidden}.tool-intro-art svg{width:100%;height:100%}.guided-flow{min-width:0}.guided-progress{border-bottom:1px solid var(--line);margin-bottom:26px;padding-bottom:18px}.guided-progress-caption{color:var(--muted);justify-content:space-between;margin-bottom:12px;font-size:.6875rem;display:flex}.guided-progress ol{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.guided-progress li{flex:1;min-width:110px}.guided-progress li>button{text-align:left;width:100%;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;font-size:.75rem;display:flex}.guided-progress li>button>span{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:.6875rem;display:grid}.guided-progress li>button[aria-current=step]{background:var(--blue-soft);border-color:var(--line);color:var(--blue)}.guided-progress li>button[aria-current=step]>span{background:var(--blue);color:var(--surface);border-color:var(--blue)}.guided-stage-heading{margin-bottom:22px}.guided-stage-heading h2{letter-spacing:-.025em;margin:0 0 8px;font-size:1.375rem;font-weight:500}.guided-stage-heading h2:focus{outline:none}.guided-stage-heading p{max-width:70ch;font-size:.8125rem;line-height:1.7}.guided-stage{min-width:0}.guided-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:22px;display:flex}.guided-actions>span{color:var(--muted);font-size:.6875rem}.guided-jump{display:none}.guided-stage .tool-panel{padding:22px}.guided-stage .tool-product-preview{align-content:center;min-height:245px;margin:0}.guided-stage .tool-split{grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr)}.guided-stage .tool-split>.tool-panel{border:0;padding:0}.guided-stage .tool-split>.tool-panel+.tool-panel{border-left:1px solid var(--line);padding-left:26px}.guided-stage .tool-swatch-grid{margin:16px 0}.tool-ready{background:var(--canvas);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin-bottom:24px;padding:26px;display:grid}.tool-ready h3{margin-bottom:10px;font-size:1.25rem;font-weight:500}.tool-ready p{font-size:.8125rem;line-height:1.7}.tool-ready-colors{gap:8px;min-width:0;display:flex}.tool-ready-colors>i{border:1px solid var(--line);border-radius:8px;flex:1;height:100px}.tool-process-note{color:var(--muted);margin:12px 0 0;font-size:.75rem}.tool-section-title{margin:12px 0;font-size:1rem;font-weight:500}.tool-hub-path{grid-template-columns:1fr 1fr;gap:20px;display:grid}.tool-hub-section{margin-top:12px}.tool-hub-section>h2{margin-bottom:8px;font-size:1.25rem;font-weight:500}.tool-hub-section>p{margin-bottom:20px;font-size:.8125rem}.tool-hub-section .tool-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:800px){.tool-intro{grid-template-columns:1fr 160px}.tool-intro h1{font-size:1.625rem}.guided-stage .tool-split{grid-template-columns:1fr}.guided-stage .tool-split>.tool-panel+.tool-panel{border-left:0;padding:0}.guided-stage .tool-split>.tool-form{display:flex}.tool-hub-section .tool-cards,.tool-ready{grid-template-columns:1fr}}@media (max-width:600px){.tool-intro{grid-template-columns:1fr;gap:18px}.tool-intro-art{aspect-ratio:auto;height:110px}.tool-intro h1{font-size:1.5625rem}.guided-progress ol{display:none}.guided-jump{gap:7px;display:grid}.guided-stage-heading h2{font-size:1.25rem}.guided-actions{flex-wrap:wrap}.guided-actions>span{text-align:center;order:3;width:100%}.guided-actions .btn{max-width:100%}.tool-hub-path{grid-template-columns:1fr}.tool-ready{padding:20px}.tool-ready-colors>i{height:70px}}@media (prefers-reduced-motion:reduce){.accordion>summary>svg{transition:none}}.audit-start{max-width:960px}.audit-start>.field{max-width:560px;margin-bottom:24px}.audit-approaches{grid-template-columns:1fr 1fr;gap:16px;display:grid}.audit-approaches>button{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;align-items:start;gap:16px;padding:22px;display:flex}.audit-approaches>button>svg:first-child{color:var(--blue);flex:none}.audit-approaches strong{margin-bottom:8px;font-size:.9375rem;font-weight:500;display:block}.audit-approaches small{color:var(--muted);font-size:.75rem;line-height:1.7;display:block}.audit-approaches>button[aria-pressed=true]{background:var(--blue-soft);border-color:var(--strong-line)}.audit-choice-check{visibility:hidden;flex:none;margin-left:auto}.audit-approaches>button[aria-pressed=true]>.audit-choice-check{visibility:visible;color:var(--blue)}.audit-explainer{background:var(--canvas);color:var(--muted);border-radius:12px;justify-content:space-around;align-items:center;gap:16px;margin:28px 0 16px;padding:28px;display:flex}.audit-explainer>span{justify-items:center;gap:8px;font-size:.75rem;display:grid}.audit-explainer strong{color:var(--text);font-weight:500}.audit-explainer small{font-size:.6875rem}.audit-explainer>span>svg{color:var(--blue)}.audit-collect{gap:28px;display:grid}.audit-task{grid-template-columns:32px minmax(0,1fr);gap:16px;display:grid}.audit-task-number{border:1px solid var(--line);background:var(--blue-soft);width:30px;height:30px;color:var(--blue);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.audit-task h3{margin:4px 0 10px;font-size:1.0625rem;font-weight:500}.audit-task p{max-width:70ch;margin-bottom:18px;font-size:.8125rem;line-height:1.7}.audit-task .accordion{margin-top:18px}.audit-task .tool-toolbar{margin:18px 0 0}.audit-file{border:1px solid var(--line);cursor:pointer;color:var(--blue);border-radius:7px;align-items:center;padding:9px 14px;font-size:.75rem;display:inline-flex;position:relative;overflow:hidden}.audit-file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.audit-file:focus-within{outline:2px solid var(--blue);outline-offset:3px}.audit-manual>.tool-toolbar{justify-content:space-between}.audit-manual>.tool-toolbar>.field{width:min(100%,480px)}.audit-observation{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid;overflow:hidden}.audit-observation>div{padding:26px}.audit-observation>div:first-child{background:var(--canvas)}.audit-observation h3{margin:12px 0;font-size:1.3125rem;font-weight:500;line-height:1.3}.audit-observation p{margin-bottom:18px;font-size:.8125rem;line-height:1.8}.audit-observation>.field{margin-top:20px}.audit-result-choices{border:0;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 22px;padding:0;display:grid}.audit-result-choices legend{margin-bottom:14px;font-size:.8125rem;font-weight:500}.audit-result-choices label{border:1px solid var(--line);border-radius:7px;align-items:center;gap:8px;padding:10px;font-size:.75rem;display:flex}.audit-result-choices input{accent-color:var(--blue);flex:none;width:15px;height:15px}.audit-result-choices label:has(:checked){border-color:var(--strong-line);background:var(--blue-soft)}.audit-result-choices .audit-result-pass:has(:checked){background:var(--green-soft)}.audit-result-choices .audit-result-fail:has(:checked){background:color-mix(in srgb,#d45870 10%,var(--surface))}.audit-check-navigation{justify-content:space-between;gap:14px;margin:18px 0;display:flex}.audit-results-summary{background:var(--canvas);border-radius:12px;margin-bottom:24px;padding:24px}.audit-results-summary>div:first-child{align-items:baseline;gap:12px;display:flex}.audit-results-summary strong{font-size:1.75rem;font-weight:500}.audit-results-summary span,.audit-results-summary p{font-size:.8125rem;line-height:1.6}.audit-results-summary p{margin:10px 0 16px}.audit-coverage{background:var(--line);border-radius:9px;height:6px;overflow:hidden}.audit-coverage i{background:var(--blue);height:100%;display:block}.audit-findings{border-top:1px solid var(--line)}.audit-findings article{border-bottom:1px solid var(--line);grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:18px 0;display:grid}.audit-findings h3{font-size:.875rem;font-weight:500}.audit-findings p{overflow-wrap:anywhere;white-space:pre-wrap;margin-top:6px;font-size:.75rem;line-height:1.6}.audit-status-pass{color:var(--green)}.audit-status-fail{color:var(--error,#b23f53)}.audit-status-unknown,.audit-status-na{color:var(--muted)}.audit-fix-actions{flex-direction:column;align-items:start;gap:12px;display:flex}.audit-fix .tool-ready{grid-template-columns:minmax(0,1fr) auto}@media (max-width:700px){.audit-approaches,.audit-observation,.audit-fix .tool-ready{grid-template-columns:1fr}.audit-explainer{gap:8px;padding:20px 10px}.audit-explainer small{text-align:center;max-width:90px}.audit-observation>div{padding:20px}.audit-findings article{grid-template-columns:20px minmax(0,1fr) auto;gap:10px}.audit-findings article>.badge{grid-column:2}.audit-findings article>.btn{grid-area:1/3/3}.audit-findings article>div{grid-column:2}.audit-task{grid-template-columns:24px minmax(0,1fr);gap:12px}.audit-task-number{width:24px;height:24px}.audit-check-navigation{flex-wrap:wrap}.audit-result-choices{grid-template-columns:1fr 1fr}.audit-approaches>button{padding:18px}}.handoff-task-entry{max-width:780px}.handoff-task-entry .tool-receipt{align-items:flex-start;margin-top:22px}.handoff-task-entry .tool-receipt p{font-size:.8125rem;line-height:1.7}.guided-stage .handoff-context{border:0;padding:0}.guided-stage .handoff-context>.tool-form-grid{gap:22px}.guided-stage .handoff-context>.tool-form-grid>div{border:1px solid var(--line);background:var(--canvas);border-radius:10px;padding:20px}.guided-stage .handoff-context>.tool-form-grid p{margin:12px 0;font-size:.75rem}.guided-stage .tool-roi-results h2{font-weight:500}.guided-stage .tool-roi-results>h3{margin-top:20px}.accordion:not([open])>.accordion-body{display:none}.color-workbench{overflow:clip}.color-workbench .tool-split{grid-template-columns:minmax(280px,1fr) minmax(0,1fr)}.color-workbench .tool-split>.tool-panel+.tool-panel{position:sticky;top:82px}.color-workbench .tool-product-preview{align-content:start;gap:16px;min-height:320px;margin:0;padding:24px}.color-workbench .tool-product-preview h3{margin:0;font-size:.95rem;font-weight:500}.color-workbench .tool-product-preview h2{line-height:1.25}.color-workbench .tool-product-preview p{line-height:1.6}.color-inspector{margin-top:24px}.color-inspector .tool-swatch-grid{max-height:380px;padding:4px;overflow:auto}.color-dark-settings{border:1px solid var(--line);background:var(--canvas);border-radius:12px;gap:16px;padding:18px;display:grid}.color-dark-settings h3{margin:0 0 6px;font-size:.95rem;font-weight:550}.color-preset-actions{flex-wrap:wrap;gap:8px;display:flex}.color-preset-actions .btn{font-size:.75rem}.color-linked-field,.color-text-role{gap:10px;display:grid}.color-text-role+.color-text-role{border-top:1px solid var(--line);padding-top:14px}.color-dark-settings input[type=range]{width:100%;accent-color:var(--blue)}.color-reset{border-top:1px solid var(--line);gap:12px;padding-top:16px;display:grid}.color-reset>.btn{justify-self:start}.color-reset-message{color:var(--text);background:var(--blue-soft);border-radius:8px;padding:12px;font-size:.75rem;line-height:1.6}.color-reset-message:empty{display:none}.color-text-role>.btn{justify-self:start;font-size:.7rem}@media (max-width:1050px){.color-workbench .tool-split{grid-template-columns:1fr}.color-workbench .tool-split>.tool-form{display:flex}.color-workbench .tool-split>.tool-panel+.tool-panel{border:0;padding:0;position:static}}.guided-stage>.accordion,.guided-stage .tool-panel>.accordion,.system-builder-controls>.accordion{margin-top:24px}.guided-stage>.accordion+.accordion{margin-top:12px}.system-builder-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.system-builder-controls{min-width:0}.system-builder-controls>.text-link{margin-top:20px;display:inline-flex}.foundation-live{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;position:sticky;top:80px;overflow:hidden}.foundation-live>header{border-bottom:1px solid var(--line);padding:18px 20px}.foundation-live>header p{margin-top:8px;font-size:.75rem;line-height:1.6}.foundation-live-stage{background:var(--canvas);padding:26px;overflow:auto}.foundation-live-card{flex-direction:column;min-width:0;transition:padding .15s,border-radius .15s,gap .15s;display:flex}.foundation-live-card h3,.foundation-live-card p{overflow-wrap:anywhere;margin:0;line-height:1.5}.foundation-live-card button{cursor:pointer;align-self:flex-start;max-width:100%}.foundation-live-card code{overflow-wrap:anywhere;background:0 0;padding:0}.foundation-live-metrics{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:8px 16px;padding:14px 20px;font-size:.6875rem;display:flex}.foundation-grid-sample,.foundation-motion-sample{border-top:1px solid var(--line);padding:18px 20px}.foundation-grid-sample>div:first-child,.foundation-motion-sample>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;display:flex}.foundation-grid-sample strong{font-weight:500}.foundation-grid-sample p,.foundation-motion-sample p{margin-top:10px;font-size:.6875rem;line-height:1.6}.foundation-grid-track{border:1px solid var(--line);background:var(--canvas);min-width:40px;height:44px;margin-top:12px;display:grid}.foundation-grid-track i{background:var(--blue-soft);border:1px solid var(--line)}.foundation-motion-track{background:var(--canvas);border-radius:12px;max-width:156px;height:22px}.foundation-motion-track span{background:var(--blue);border-radius:50%;width:22px;height:22px;display:block}@media (max-width:1050px){.system-builder-layout{grid-template-columns:1fr}.foundation-live{position:static}}@media (max-width:600px){.foundation-live-stage{padding:16px}}@media (prefers-reduced-motion:reduce){.foundation-live-card{transition:none}}.color-preview-override-note{background:var(--blue-soft);border:1px solid var(--line);border-radius:8px;margin:0 0 16px;padding:12px}.color-preview-override-note p{font-size:.75rem;line-height:1.6}.color-preview-override-note .btn{margin-top:8px;font-size:.6875rem}.tool-color-field .color-picker-well{border:1px solid var(--strong-line);width:42px;min-width:42px;height:36px;box-shadow:inset 0 0 0 3px var(--surface);border-radius:7px;padding:0}.color-picker-popover{z-index:160;background:var(--surface);width:250px;max-width:calc(100vw - 32px);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:14px;animation:.14s ease-out color-picker-enter;box-shadow:0 12px 38px #081c3030}.color-picker-popover>p{color:var(--text);margin:0 0 12px;font-size:.75rem;font-weight:500}.color-picker-swatches{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.color-picker-swatches button{aspect-ratio:1;border:1px solid #8d9fb555;border-radius:6px;place-items:center;padding:0;display:grid}.color-picker-swatches button:hover{box-shadow:0 0 0 2px var(--blue)}.color-picker-system{border-top:1px solid var(--line);color:var(--blue);cursor:pointer;justify-content:center;align-items:center;gap:9px;min-height:42px;margin-top:14px;padding:12px 0 0;font-size:.8rem;display:flex;position:relative}.color-picker-system input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-picker-system:focus-within{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}@keyframes color-picker-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.color-picker-popover{animation:none}}.storefront{--store-gap:24px;width:100%;min-width:0;margin-inline:auto}.storefront.store-standard{max-width:1160px}.storefront.store-compact{--store-gap:14px}.store-sample-toolbar{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:18px;font-size:11px;display:flex}.store-sample-toolbar>a{color:var(--blue);align-items:center;gap:4px;display:flex}.store-sample-toolbar>span{margin-right:auto}.store-sample-toolbar label{align-items:center;gap:8px;display:flex}.store-sample-toolbar label>button{min-width:128px}.store-header{justify-content:space-between;align-items:center;gap:20px;padding:30px 0;display:flex}.store-header h1{margin-top:7px;font-size:clamp(26px,3vw,40px);font-weight:500}.store-hero{background:var(--blue-soft);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;min-height:330px;display:grid;overflow:clip}.store-hero>div:first-child{padding:40px}.store-hero h2{margin:15px 0;font-size:clamp(28px,3.2vw,44px);font-weight:500;line-height:1.15}.store-hero p{max-width:320px;margin-bottom:24px;line-height:1.7}.store-hero-art{background:var(--canvas);border-left:1px solid var(--line);isolation:isolate;grid-template-rows:auto minmax(220px,1fr) auto;align-self:stretch;min-width:0;display:grid;position:relative}.store-feature-heading{z-index:1;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px 16px;display:flex;position:relative}.store-feature-heading span{letter-spacing:.13em;color:var(--muted);font-size:9px}.store-feature-heading h3{letter-spacing:-.035em;color:var(--text);margin:5px 0 0;font-size:23px;font-weight:500;line-height:1.2}.store-feature-heading strong{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:500}.store-feature-stage{isolation:isolate;background:#eaf3fc;place-items:center;min-height:240px;display:grid;position:relative;overflow:clip}.store-hero-circle{aspect-ratio:1;z-index:-1;background:#d3e4f6;border-radius:50%;width:83%;position:absolute;top:8%;left:9%}.store-feature-stage>.store-product-art{z-index:1;width:min(100%,460px);height:300px;max-height:none}.store-feature-waves{z-index:-1;opacity:.24;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:17% 4% 22%}.store-feature-waves i{border:1px solid #5986b3;border-radius:999px;width:7%;height:33%}.store-feature-waves i:nth-child(2),.store-feature-waves i:nth-child(4){height:67%}.store-feature-waves i:nth-child(3){height:100%}.store-feature-details{border-top:1px solid var(--line);z-index:1;justify-content:space-between;align-items:center;gap:16px;margin:0 28px;padding:17px 0 21px;display:flex;position:relative}.store-feature-specs{color:var(--muted);gap:8px;font-size:11px;display:grid}.store-feature-specs>span{align-items:center;gap:7px;display:flex}.store-feature-specs svg{color:var(--blue)}.store-feature-finishes{border:0;gap:4px;margin:0;padding:0;display:flex}.store-feature-finishes legend{color:var(--text);margin-bottom:5px;font-size:11px}.store-feature-finishes button{color:#142c49;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:30px;height:30px;padding:5px;display:grid}.store-feature-finishes button>span{background:var(--finish);border-radius:50%;place-items:center;width:18px;height:18px;display:grid;box-shadow:inset 0 0 0 1px #6686a055}.store-feature-finishes button[aria-pressed=true]{border-color:var(--blue)}.store-feature-finishes button[aria-label="Preview Ink finish"]{color:#fff}.store-category-row{gap:8px;margin:28px 0 20px;padding:3px;display:flex;overflow:auto}.store-category-row button{white-space:nowrap;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 16px;font-size:12px}.store-category-row button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue);border-color:var(--line)}.store-results-toolbar{flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:22px;display:flex}.store-results-toolbar>.field:first-child{flex:1;min-width:200px;max-width:360px}.store-results-toolbar>span{color:var(--muted);margin-left:auto;padding-bottom:8px;font-size:12px}.store-results-toolbar label{font-size:12px}.store-results-toolbar label>button{min-width:170px}.store-product-grid{gap:var(--store-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.store-product{border:1px solid var(--line);background:var(--surface);border-radius:13px;min-width:0;transition:border-color .18s,box-shadow .18s;overflow:hidden}.store-product:hover,.store-product:focus-within{border-color:var(--strong-line);box-shadow:0 5px 18px #102c4910}.store-product-image{background:var(--canvas);position:relative;overflow:hidden}.store-image-button{cursor:pointer;background:0 0;border:0;width:100%;padding:8px;display:block}.store-product-art{width:100%;height:auto;max-height:270px;display:block}.store-product-image .store-product-art{transition:transform .25s}.store-image-button:hover .store-product-art{transform:scale(1.035)}.store-save{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.store-save[aria-pressed=true]{color:var(--blue);background:var(--blue-soft)}.store-stock-label{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:10px;position:absolute;bottom:12px;left:14px}.store-product-copy{padding:18px}.store-product-copy>span{color:var(--muted);font-size:10px}.store-product h3{margin:8px 0;font-size:16px;font-weight:500}.store-product h3 button{font:inherit;text-align:left;background:0 0;border:0;padding:0}.store-product-copy>p{min-height:38px;font-size:12px}.store-product-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:18px;display:flex}.store-product-bottom strong{font-size:13px;font-weight:500}.store-notice{min-height:30px;color:var(--success);flex-wrap:wrap;align-items:center;gap:16px;margin:22px 0;display:flex}.store-notice>button{color:var(--blue);background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.store-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:30px 0;display:flex}.store-footer h2{margin-bottom:12px;font-size:16px}.store-footer p{max-width:620px;font-size:12px}.store-footer>a{white-space:nowrap;color:var(--blue);align-items:center;gap:8px;font-size:12px;display:flex}.store-filter-controls{gap:22px;margin-bottom:28px;display:grid}.store-empty{text-align:center;justify-items:center;gap:18px;padding:38px 16px;display:grid}.store-empty h2{font-size:20px;font-weight:500}.store-empty p{max-width:340px}.store-detail{gap:18px;display:grid}.store-detail-art{background:var(--canvas);border-radius:12px}.store-detail-price{font-size:24px;font-weight:500}.store-finishes{border:0;gap:12px;padding:0;display:flex}.store-finishes legend{padding-bottom:10px;font-size:12px}.store-finishes button{background:var(--finish);color:#142c49;width:34px;height:34px;box-shadow:0 0 0 1px var(--line);border:2px solid #0000;border-radius:50%;place-items:center;display:grid}.store-finishes button[aria-pressed=true]{box-shadow:0 0 0 2px var(--blue);border-color:var(--surface)}.store-finishes button[aria-label=Ink]{color:#fff}.store-detail ul{color:var(--muted);gap:10px;margin:0;padding:0;list-style:none;display:grid}.store-detail li{align-items:center;gap:8px;font-size:12px;display:flex}.store-detail small,.store-bag>small{color:var(--muted);font-size:11px}.store-detail-feedback{color:var(--success);min-height:18px;font-size:12px}.store-bag{gap:22px;display:grid}.store-bag-line{border-bottom:1px solid var(--line);grid-template-columns:75px minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:16px;display:grid}.store-bag-line>div:first-child{background:var(--canvas);border-radius:8px}.store-bag-line h3{font-size:13px;font-weight:500}.store-bag-line p{margin:5px 0;font-size:11px}.store-bag-line>strong{align-self:start;font-size:12px;font-weight:500}.store-quantity{align-items:center;gap:9px;display:flex}.store-quantity button{border:1px solid var(--line);background:var(--surface);border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.store-quantity button:last-child{color:var(--muted);border-color:#0000;margin-left:10px}.store-quantity output{text-align:center;min-width:14px;font-size:12px}.store-totals{gap:12px;margin:0;display:grid}.store-totals>div{justify-content:space-between;gap:18px;display:flex}.store-totals dd{font-variant-numeric:tabular-nums;margin:0}.store-totals>div:last-child{border-top:1px solid var(--line);padding-top:16px;font-size:16px}.store-shipping{border:0;gap:12px;padding:0;display:grid}.store-shipping legend{padding-bottom:12px;font-size:12px}.store-shipping label{border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.store-shipping label:has(input:checked){background:var(--blue-soft);border-color:var(--strong-line)}.store-shipping input{accent-color:var(--blue)}.store-shipping small{color:var(--muted);display:block}.sample-application-links{flex-wrap:wrap;gap:16px;margin-bottom:28px;display:flex}.sample-application-links>a{border:1px solid var(--line);background:var(--canvas);color:var(--blue);border-radius:10px;align-items:center;gap:12px;padding:18px 22px;display:flex}@media (min-width:1800px){.store-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1200px){.store-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.store-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-hero>div:first-child{padding:28px}.store-footer{flex-direction:column;align-items:start}}@media (max-width:600px){.store-sample-toolbar>span{flex-basis:100%}.store-sample-toolbar{gap:10px}.store-sample-toolbar label{flex:1;gap:5px;min-width:0;display:grid}.store-sample-toolbar label>button{min-width:0}.store-header{padding:22px 0}.store-hero{grid-template-columns:1fr}.store-hero>div:first-child{padding:26px}.store-hero h2{font-size:30px}.store-product-copy{padding:13px}.store-product h3{font-size:14px}.store-product-bottom{flex-wrap:wrap;margin-top:12px}.store-product-copy>p{min-height:56px;font-size:11px}.store-product-grid,.store-results-toolbar{gap:12px}.store-results-toolbar>.field:first-child{flex-basis:100%;max-width:none}.store-results-toolbar label>button{min-width:130px}.store-results-toolbar>span{margin-left:0}.store-bag-line{grid-template-columns:56px minmax(0,1fr);gap:9px}.store-bag-line>strong{grid-column:2}.store-product-image .store-save{width:28px;height:28px;top:7px;right:7px}.store-stock-label{font-size:9px;bottom:6px;left:7px}.store-category-row{margin-top:20px}.store-product-art{min-height:130px}.store-notice{font-size:12px}}@media (prefers-reduced-motion:reduce){.store-product,.store-product-image .store-product-art{transition:none}.store-image-button:hover .store-product-art{transform:none}}.store-sample-toolbar label{flex:none;width:auto}.store-results-toolbar>.field{width:auto}.store-results-toolbar>.field:first-child{flex:1}.store-results-toolbar>.field:not(:first-child){flex:0 0 180px}@media (max-width:600px){.store-sample-toolbar label{flex:1}.store-results-toolbar>.field:first-child{flex-basis:100%}.store-results-toolbar>.field:not(:first-child){flex-basis:160px}.store-hero{grid-template-rows:auto auto;align-items:stretch;min-height:0}.store-hero>div:first-child{padding:26px 24px}.store-hero-art{border-left:0;border-top:1px solid var(--line);grid-template-rows:auto auto auto}.store-feature-heading{padding:21px 24px 16px}.store-feature-heading h3{font-size:21px}.store-feature-stage{min-height:0}.store-feature-stage>.store-product-art{height:230px;min-height:0}.store-feature-details{margin:0 24px;padding:15px 0 19px}.store-feature-waves{inset:14% 3% 20%}}