:root{--text: #3a342c;--text-h: #201c17;--text-muted: #6b6255;--bg: #f7f5f0;--surface: #ffffff;--border: #ddd6c8;--garment-beige: #dccbac;--garment-beige-dark: #c3ae87;--denim-blue: #3b5978;--denim-blue-dark: #2a4056;--atlas-orange: #f58435;--atlas-orange-dark: #df4100;--brand-blue: #4aa3dd;--display: "Sniglet", "Comic Sans MS", var(--sans);--danger: #b3261e;--danger-bg: #fbeceb;--success: #2b6b3f;--success-bg: #eaf5ec;--focus-ring: 0 0 0 3px rgba(59, 89, 120, .35);--shadow-card: 0 1px 2px rgba(32, 28, 23, .06), 0 2px 8px rgba(32, 28, 23, .06);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";font:16px/1.5 var(--sans);color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--text: #d8d3c8;--text-h: #f3f0e8;--text-muted: #a29b8b;--bg: #17161a;--surface: #201f24;--border: #37353b;--garment-beige: #a6926f;--garment-beige-dark: #8a7856;--denim-blue: #6f92b6;--denim-blue-dark: #547499;--atlas-orange: #f58435;--atlas-orange-dark: #ff6a2a;--brand-blue: #5fb0e6;--danger: #f2938c;--danger-bg: #3a2220;--success: #7fce97;--success-bg: #1d2f22;--focus-ring: 0 0 0 3px rgba(111, 146, 182, .45);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}body{margin:0}h1,h2,legend{font-family:var(--display);font-weight:600;color:var(--text-h)}p{margin:0}a{color:var(--denim-blue)}@media (prefers-color-scheme: dark){a{color:var(--denim-blue)}}:focus-visible{outline:2px solid var(--atlas-orange);outline-offset:2px;border-radius:4px}button{font:inherit}.app-shell{max-width:1280px;margin:0 auto;padding:24px 20px 64px}.app-header{padding-bottom:20px;margin-bottom:24px;border-bottom:4px solid var(--garment-beige);position:relative}.app-header:after{content:"";position:absolute;left:0;bottom:-4px;width:96px;height:4px;background:linear-gradient(90deg,var(--atlas-orange),var(--brand-blue))}.brand-banner{display:block;max-width:420px;width:100%;height:auto;margin-bottom:8px}@media (prefers-color-scheme: dark){.brand-banner{background:#fff;border-radius:12px;padding:8px 16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-tagline{color:var(--text-muted);font-size:15px;max-width:60ch}.app-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"sections sidebar";gap:24px;align-items:start}.app-sections{grid-area:sections;display:flex;flex-direction:column;gap:16px;min-width:0}.preview-drawer{grid-area:sidebar;position:sticky;top:20px;align-self:start;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card);padding:16px}.preview-drawer>summary{font-weight:600;color:var(--text-h);cursor:default;list-style:none;pointer-events:none}.preview-drawer>summary::-webkit-details-marker{display:none}.preview-drawer-content{display:flex;flex-direction:column;gap:16px;margin-top:12px}@media (max-width: 900px){.app-layout{grid-template-columns:1fr;grid-template-areas:"sidebar" "sections"}.preview-drawer{position:static;top:auto}.preview-drawer>summary{cursor:pointer;list-style:revert;pointer-events:auto}.preview-drawer>summary::-webkit-details-marker{display:revert}}.config-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card);padding:4px 20px 20px}.config-section-heading{margin:0;font-size:inherit}.config-section-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:16px 0;background:none;border:none;cursor:pointer;text-align:left;font-size:19px;font-weight:600;color:var(--text-h)}.config-section-number{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--atlas-orange);color:#fff;font-size:14px;font-weight:700}.config-section-content{display:flex;flex-direction:column;gap:16px;padding-top:4px}.config-section-content label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--text-h)}.config-section-content fieldset{border:1px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.config-section-content legend{font-size:13px;padding:0 4px}.config-section-content fieldset label{flex-direction:row;align-items:center;gap:8px;font-weight:400}.config-section-content input[type=text],.config-section-content input[type=email],.config-section-content select,.config-section-content textarea{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px}.config-section-content textarea{min-height:72px;resize:vertical}.fee-note{font-size:13px;color:var(--text-muted);background:color-mix(in srgb,var(--atlas-orange) 12%,transparent);border:1px solid color-mix(in srgb,var(--atlas-orange) 35%,transparent);border-radius:6px;padding:8px 10px}.size-unsure-fields,.cargo-tabs{display:flex;flex-direction:column;gap:12px}.model-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.model-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:2px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.model-card:has(input:focus-visible){outline:2px solid var(--atlas-orange);outline-offset:2px}.model-card.selected{border-color:var(--denim-blue);background:color-mix(in srgb,var(--denim-blue) 8%,var(--surface))}.model-card input[type=radio]{margin:0 0 4px;accent-color:var(--denim-blue)}.model-card-label{font-weight:600;color:var(--text-h)}.model-card-sublabel{font-size:13px;color:var(--text-muted)}.option-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.option-card,.config-section-content fieldset label.option-card{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:8px;padding:10px;border:2px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.option-card-caption{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;text-align:center}.option-card:has(input:focus-visible){outline:2px solid var(--atlas-orange);outline-offset:2px}.option-card.selected{border-color:var(--atlas-orange);background:color-mix(in srgb,var(--atlas-orange) 8%,var(--surface))}.option-card input{margin:0;flex:none;accent-color:var(--atlas-orange)}.option-card .option-thumb{align-self:center}.option-card-label{font-size:13px;font-weight:600;color:var(--text-h)}.option-thumb{width:100%;max-width:140px;height:auto;border-radius:6px;align-self:center;background:#fff}.model-card .option-thumb{max-width:200px}.option-reference{display:block;width:100%;max-width:280px;height:auto;border-radius:8px;margin:6px 0 10px}.guide-img{display:block;width:100%;max-width:560px;height:auto;border-radius:8px;border:1px solid var(--border);margin-top:8px;background:#fff}.guide-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.guide>summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--denim-blue)}.swatch-grid{display:flex;flex-wrap:wrap;gap:8px}.swatch-grid-empty{font-size:13px;color:var(--text-muted);font-style:italic}.swatch{position:relative;width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0}.swatch.selected{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--atlas-orange)}.swatch:disabled{cursor:not-allowed;opacity:.55}.swatch:disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(179,38,30,.9) calc(50% - 1px),rgba(179,38,30,.9) calc(50% + 1px),transparent calc(50% + 1px))}.embroidery-slot{border:1px solid var(--border);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px}.embroidery-design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:280px;overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:8px}.embroidery-design-grid button{padding:2px;border:2px solid transparent;border-radius:6px;background:var(--surface);cursor:pointer;line-height:0}.embroidery-design-grid button.selected{border-color:var(--atlas-orange)}.embroidery-design-grid img{width:100%;height:64px;object-fit:contain;display:block}.embroidery-preview{width:96px;height:96px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.preview{display:flex;flex-direction:column;align-items:center;gap:8px}.preview svg{width:100%;max-width:320px;height:auto;background:#fff;border-radius:10px;border:1px solid var(--border)}.preview-toggle{display:flex;gap:8px}.preview-toggle button{padding:6px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer}.preview-toggle button[aria-pressed=true]{background:var(--denim-blue);border-color:var(--denim-blue);color:#fff}.preview-caption{font-size:12px;color:var(--text-muted);text-align:center}.price-tally{display:flex;flex-direction:column;gap:10px}.price-tally h2{font-size:17px;margin:0}.price-tally-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.price-tally-row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.price-tally-label{color:var(--text-muted)}.price-tally-amount{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-h);background:color-mix(in srgb,var(--garment-beige) 45%,transparent);border-radius:6px;padding:1px 8px}.price-tally-total{border-top:1px solid var(--border);padding-top:8px;font-size:16px}.price-tally-total .price-tally-label{color:var(--text-h);font-weight:600}.price-tally-total .price-tally-amount{background:var(--atlas-orange);color:#fff}.price-tally-disclaimers{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--text-muted);border-top:1px dashed var(--border);padding-top:8px}.review-summary{width:100%;border-collapse:collapse;font-size:14px}.review-summary th,.review-summary td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);vertical-align:top}.review-summary th{color:var(--text-muted);font-weight:500;white-space:nowrap}.review-issues{margin:0;color:var(--danger);background:var(--danger-bg);border-radius:8px;padding:10px 16px 10px 30px;font-size:14px}.review-success{color:var(--success);background:var(--success-bg);border-radius:8px;padding:10px 14px;font-weight:500}.review-error{color:var(--danger);background:var(--danger-bg);border-radius:8px;padding:10px 14px}.review-error a{color:inherit;font-weight:600}button[type=button]:not(.swatch,.embroidery-design-grid button,.preview-toggle button,.config-section-toggle){padding:10px 18px;border-radius:8px;border:1px solid var(--denim-blue);background:var(--denim-blue);color:#fff;cursor:pointer;font-weight:600;align-self:flex-start}button[type=button]:disabled{opacity:.5;cursor:not-allowed}
