@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";:root{--page:#f2f4f2;--panel:#fff;--panel-subtle:#f8faf8;--ink:#1b2421;--muted:#69746f;--soft:#8a938f;--line:#dce2de;--line-strong:#c7d0ca;--accent:#cf5a32;--accent-dark:#ac4321;--green:#2e7657;--warn:#8a5a18;--danger:#b44a3c;--field-bg:#fff;--shadow:0 1px 2px #14211c0a, 0 12px 32px #14211c09;--radius:12px;--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;color:var(--ink);background:var(--page);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{flex-direction:column;width:min(100%,1560px);min-height:100vh;margin:0 auto;padding:0 clamp(16px,2.2vw,32px);display:flex}.top-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{color:#f7f9f7;background:#1d2925;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.brand-mark svg{width:28px;height:28px}.brand{margin:0;font-size:16px;font-weight:600;line-height:1.25}.brand-descriptor{color:var(--muted);margin:2px 0 0;font-size:12px}.top-bar-meta{color:var(--muted);align-items:center;gap:24px;font-size:13px;display:flex}.standard-reference{white-space:nowrap}.version-chip{border-left:1px solid var(--line);font-family:var(--font-mono);white-space:nowrap;padding-left:24px;font-size:12px}.page-intro{justify-content:space-between;align-items:flex-end;gap:40px;padding:32px 0 24px;display:flex}.eyebrow{color:var(--muted);margin:0 0 8px;font-size:13px;line-height:1.4}.page-intro h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(28px,2.5vw,36px);font-weight:500;line-height:1.15}.tagline{max-width:540px;color:var(--muted);margin:0;font-size:14px;line-height:20px}.workspace{grid-template-columns:minmax(368px,416px) minmax(0,1fr);align-items:start;gap:24px;min-height:0;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.configurator{flex-direction:column;height:min(100vh - 32px,880px);min-height:0;display:flex;position:sticky;top:16px;overflow:hidden}.configurator-topline{border-bottom:1px solid var(--line);min-height:48px;color:var(--ink);align-items:center;padding:0 20px;font-size:14px;font-weight:500;display:flex}.step-nav{border-bottom:1px solid var(--line);background:var(--panel-subtle);grid-template-columns:repeat(6,minmax(0,1fr));padding:0 8px;display:grid}.step-tab{min-width:0;min-height:68px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;transition:color .16s,background-color .16s;display:flex;position:relative}.step-tab:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.step-tab:hover{color:var(--ink);background:#1b242106}.step-tab.is-active{color:var(--ink)}.step-tab.is-active:after{background:var(--accent)}.step-index{border:1px solid var(--line-strong);background:var(--panel);width:24px;height:24px;color:var(--muted);font-family:var(--font-mono);border-radius:50%;flex:0 0 24px;place-items:center;font-size:11px;display:grid}.step-index svg{width:14px;height:14px}.step-tab.is-active .step-index{color:#fff;background:#26352f;border-color:#26352f}.step-tab.is-complete .step-index{color:var(--green);background:#edf5f0;border-color:#c7ded1}.step-tab.has-error .step-index{color:var(--danger);background:#fff6f5;border-color:#c9847c}.step-tab.has-warning .step-index{color:var(--warn);background:#fffaf1;border-color:#d8bc8b}.step-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.step-body{scrollbar-color:#c6cec9 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:24px 20px;overflow-y:auto}.step-header{margin-bottom:24px}.step-header h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:500;line-height:1.3}.step-header p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:20px}.field-stack{flex-direction:column;gap:24px;display:flex}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field.is-invalid{background:#fff8f7;border:1px solid #e3b8b3;border-radius:8px;padding:12px}.field.is-corrected{background:#fffaf1;border:1px solid #e7d6b8;border-radius:8px;padding:12px}.field-issues{color:var(--danger);margin:0;padding:0;font-size:12px;line-height:1.5;list-style:none}.field.is-corrected .field-issues{color:var(--warn)}.field-issues li+li{margin-top:4px}.field-issues code{font-family:var(--font-mono);background:#1b24210f;border-radius:4px;margin-right:6px;padding:1px 4px;font-size:11px}.field-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-label{color:var(--ink);padding:0;font-size:13px;font-weight:500;line-height:1.4}.field-range{color:var(--soft);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.field-help{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.field-input{border:1px solid var(--line-strong);background:var(--field-bg);width:100%;min-height:44px;color:var(--ink);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .16s,box-shadow .16s}.field-input:hover{border-color:#aab6af}.field-input:focus{border-color:#5f746a;box-shadow:0 0 0 3px #3c564a1a}.option-field{border:0;min-inline-size:0;margin:0;padding:0}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.option-card{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;align-items:flex-start;gap:8px;min-width:0;min-height:64px;padding:12px 32px 12px 12px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex;position:relative}.option-card:hover{background:#fafcfa;border-color:#a9b5ae}.option-card.is-selected{box-shadow:inset 2px 0 0 var(--accent);background:#f3f7f4;border-color:#71847a}.option-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.option-card.is-disabled{opacity:.43;cursor:not-allowed}.option-card.is-disabled:hover{border-color:var(--line);background:var(--panel)}.option-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.option-copy{flex-direction:column;min-width:0;display:flex}.option-title{color:var(--ink);font-size:13px;font-weight:500;line-height:1.35}.option-subtitle{color:var(--muted);font-family:var(--font-mono);margin-top:2px;font-size:12px;line-height:1.4}.option-description{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.45}.option-spec{color:#53665c;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:4px;font-size:12px}.option-indicator{background:var(--panel);border:1px solid #b5c0b9;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:12px;right:12px}.option-card.is-selected .option-indicator{border-color:#53695e}.option-card.is-selected .option-indicator:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.material-swatch{border:1px solid #1b24212e;border-radius:50%;flex:0 0 16px;width:16px;height:16px;box-shadow:inset 2px 2px 4px #ffffff8c}.field-od .option-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.field-style .option-grid{grid-template-columns:1fr}.field-mountType .option-grid,.field-junction .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-od .option-card{justify-content:center;align-items:center;min-height:44px;padding:8px 4px}.field-od .option-title{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:500}.field-od .option-indicator{display:none}.field-od .option-card.is-selected{box-shadow:inset 0 -2px 0 var(--accent)}.number-field{border:1px solid var(--line);background:var(--panel-subtle);border-radius:10px;gap:8px;padding:16px}.number-input-wrap{position:relative}.number-input-wrap .field-input{background:var(--panel);font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding-right:48px;font-size:14px;font-weight:500}.input-unit{color:var(--muted);font-family:var(--font-mono);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.range-input{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:8px 0 0}.range-input::-webkit-slider-runnable-track{background:#cfd7d2;border-radius:2px;height:3px}.range-input::-webkit-slider-thumb{appearance:none;border:3px solid var(--panel);background:var(--accent);border-radius:50%;width:14px;height:14px;margin-top:-5.5px;box-shadow:0 0 0 1px #b9c3bc}.range-input::-moz-range-track{background:#cfd7d2;border-radius:2px;height:3px}.range-input::-moz-range-thumb{border:3px solid var(--panel);background:var(--accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #b9c3bc}.range-limits{color:var(--soft);font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.units-toggle{border:1px solid var(--line-strong);background:var(--panel-subtle);border-radius:8px;padding:2px;display:inline-flex}.units-toggle button{min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px;font-weight:500;transition:color .15s,background-color .15s}.units-toggle button:not(.is-active):hover{color:var(--ink)}.units-toggle button.is-active{color:#fff;background:#26352f}.locale-toggle{margin-left:0}.commerce-banner{background:#f8f3ea;border:1px solid #e3d5bd;border-radius:8px;margin:0 0 16px;padding:12px 16px}.commerce-banner strong{color:#6a3f16;font-size:13px;font-weight:500;display:block}.commerce-banner p{color:#6d5a3c;margin:4px 0 0;font-size:12px;line-height:1.5}.share-box{border:1px solid var(--line);background:var(--panel-subtle);border-radius:8px;margin:16px 0 0;padding:12px 16px}.share-box-title{margin:0 0 4px;font-size:13px;font-weight:500}.share-url{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5;display:block;overflow:hidden}.share-hint{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.cert-note{color:#6a3f16;margin:0 0 12px;font-size:12px;line-height:1.5}.rfq-recipient{color:var(--ink);margin:8px 0 0;font-size:13px}.rfq-recipient.is-placeholder,.rfq-recipient.is-missing{color:#8a2f26}.rfq-stub-note{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.checkbox-field{border:1px solid var(--line);border-radius:8px;flex-direction:row;align-items:flex-start;gap:12px;padding:12px}.checkbox-field input{width:16px;height:16px;margin-top:3px}.checkbox-field .field-help{margin:4px 0 0;display:block}.derived-notes{border:1px solid var(--line);background:var(--panel-subtle);border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 0;padding:12px;display:grid}.derived-notes dt{color:var(--muted);font-size:12px}.derived-notes dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:13px;font-weight:500}.validation-stack{flex-direction:column;gap:8px;margin-top:24px;display:flex}.validation-note,.compatibility-note{color:var(--warn);background:#fffaf1;border:1px solid #e7d6b8;border-radius:8px;align-items:flex-start;gap:8px;margin-top:0;padding:12px;display:flex}.validation-note.is-error{color:var(--danger);background:#fff6f5;border-color:#e3b8b3}.validation-note.is-error strong{color:#8a2f26}.validation-note code{font-family:var(--font-mono);background:#1b24210f;border-radius:4px;margin-right:6px;padding:1px 4px;font-size:11px}.pn-block{border:1px solid var(--line);background:var(--panel-subtle);border-radius:8px;margin:0;padding:16px}.pn-block .eyebrow{margin:0;font-size:12px}.pn-block.is-invalid{background:#fff8f7;border-color:#e3b8b3}.pn-value{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;word-break:break-all;margin:4px 0 0;font-size:20px;font-weight:500;line-height:1.3}.pn-value.is-disabled{color:var(--danger);font-family:var(--font-body);font-size:13px;font-weight:500}.pn-note{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.summary-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.note-icon{width:20px;height:20px;font-family:var(--font-mono);border:1px solid;border-radius:50%;flex:0 0 20px;place-items:center;font-size:12px;display:grid}.validation-note strong,.compatibility-note strong{color:#6c491c;margin:0 0 4px;font-size:13px;font-weight:500;display:block}.warn-list{margin:0;padding:0;font-size:12px;line-height:1.5;list-style:none}.warn-list li+li{margin-top:4px}.validation-hint{color:inherit;margin:0 0 8px;font-size:12px}.issue-link{color:inherit;font:inherit;text-align:left;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.issue-link:hover,.issue-link:focus-visible{color:var(--ink)}.export-actions{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.style-guide{border:1px solid var(--line);background:var(--panel-subtle);border-radius:8px;margin:0 0 24px;padding:12px 16px}.style-guide-toggle{color:var(--accent-dark);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.style-guide-body{flex-direction:column;gap:16px;margin-top:12px;display:flex}.style-guide-body p{color:var(--muted);margin:0;font-size:13px}.style-guide fieldset{border:0;margin:0;padding:0}.style-guide legend{margin-bottom:8px;font-size:13px;font-weight:500}.step-actions{border-top:1px solid var(--line);background:var(--panel-subtle);justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:16px 20px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s,transform .12s;display:inline-flex}.btn svg{flex:0 0 18px;width:18px;height:18px}.btn:not(:disabled):active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff}.btn.primary:not(:disabled):hover{background:var(--accent-dark)}.btn.ghost{border-color:var(--line-strong);background:var(--panel);color:var(--ink)}.btn.ghost:not(:disabled):hover{background:#f4f7f4;border-color:#94a39a}.btn.block{width:100%}.next-button{text-align:left;justify-content:space-between;min-width:144px}.next-button>span{flex-direction:column;gap:2px;display:flex}.next-button small{opacity:.8;font-size:12px;font-weight:400}.preview-column{flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex}.preview-stage{border-radius:var(--radius);height:clamp(400px,58vh,600px);box-shadow:var(--shadow);background:#141b1b;border:1px solid #242e2d;position:relative;overflow:hidden}.preview-stage canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.preview-stage canvas:active{cursor:grabbing}.preview-badge{z-index:2;pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:24px;left:24px}.preview-badge>span{color:#93a39c;align-items:center;gap:8px;font-size:12px;display:flex}.preview-badge>span:before{content:"";background:#72b091;border-radius:50%;width:6px;height:6px}.preview-badge strong{color:#e8edeb;font-size:15px;font-weight:500}.preview-reset{z-index:3;color:#b9c5c0;cursor:pointer;background:#141b1be6;border:1px solid #e3ece724;border-radius:8px;align-items:center;gap:8px;min-height:32px;padding:0 12px;font-size:12px;transition:border-color .15s,color .15s;display:inline-flex;position:absolute;top:20px;right:20px}.preview-reset:hover{color:#fff;border-color:#e3ece74d}.preview-reset svg{width:14px;height:14px}.preview-reset.needs-attention{color:#fff;border-color:#ef7d4d8c}.preview-reset.needs-attention:after{content:"";background:#ef7d4d;border:2px solid #141b1b;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;right:-4px}.preview-notice-region{z-index:3;pointer-events:none;justify-content:flex-end;width:min(352px,100% - 40px);display:flex;position:absolute;top:64px;right:20px}.preview-notice{color:#dbe4e0;pointer-events:auto;background:#101716f5;border:1px solid #ef7d4d57;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:8px 8px 8px 12px;animation:.22s cubic-bezier(.22,1,.36,1) preview-notice-in;display:flex;box-shadow:0 12px 32px #00000052}.preview-notice-icon{color:#f19a73;background:#ef7d4d29;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.preview-notice-icon svg{width:14px;height:14px}.preview-notice p{flex-direction:column;gap:2px;min-width:0;margin:0;display:flex}.preview-notice strong{color:#f1f5f3;font-size:13px;font-weight:500}.preview-notice p span{color:#9fb0a8;font-size:12px;line-height:1.4}.preview-notice-action{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;flex:none;min-height:28px;padding:0 12px;font-size:12px;font-weight:500}.preview-notice-action:hover{background:var(--accent-dark)}.preview-notice-dismiss{color:#82938b;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 24px;place-items:center;width:24px;height:24px;padding:0;display:grid}.preview-notice-dismiss:hover{color:#fff;background:#ffffff0f}.preview-notice-dismiss svg{width:14px;height:14px}@keyframes preview-notice-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.preview-spec-bar{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.preview-dimensions{background:#0f1615e6;border:1px solid #e3ece721;border-radius:8px;display:flex}.preview-dimensions>span{flex-direction:column;gap:2px;min-width:112px;padding:8px 12px;display:flex}.preview-dimensions>span+span{border-left:1px solid #e3ece71f}.preview-dimensions small{color:#83938c;font-size:12px}.preview-dimensions strong{color:#e0e7e3;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:400}.preview-dimensions strong:first-letter{text-transform:uppercase}.preview-instructions{color:#9aa9a2;text-align:right;margin:0;font-size:12px;line-height:1.6}.preview-instructions span{color:#6f8078}.preview-lower{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;display:grid}.detail-stage{border-radius:var(--radius);min-width:0;height:240px;box-shadow:var(--shadow);background:#141b1b;border:1px solid #242e2d;position:relative;overflow:hidden;container-type:inline-size}.detail-canvas{pointer-events:none;position:absolute;inset:0}.detail-canvas canvas{display:block;width:100%!important;height:100%!important}.detail-badge{z-index:2;pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:16px;left:16px}.detail-badge>span{color:#93a39c;font-size:12px}.detail-badge strong{color:#e8edeb;font-size:14px;font-weight:500}.detail-tag{z-index:2;color:#6f8078;pointer-events:none;font-size:12px;position:absolute;top:16px;right:16px}.detail-caption{z-index:2;color:#81928a;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;margin:0;font-size:12px;line-height:1.5;position:absolute;bottom:12px;left:16px;right:16px;overflow:hidden}@container (width<=236px){.detail-tag,.detail-caption{display:none}}.summary-panel{grid-column:1/-1;padding:24px}.summary-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.summary-header h2,.rfq-sheet h2,.rfq-preview h3{font-family:var(--font-display);margin:0;font-weight:500}.summary-header h2{font-size:18px}.summary-status{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.summary-status>span{background:#a0aaa5;border-radius:50%;width:6px;height:6px}.summary-status.is-valid{color:var(--green)}.summary-status.is-valid>span{background:var(--green)}.summary-list{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px 24px;margin:24px 0;display:grid}.summary-row{border-left:1px solid var(--line);min-width:0;padding-left:12px}.summary-row dt{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.4;overflow:hidden}.summary-row dd{color:var(--ink);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden}.summary-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.summary-actions p{color:var(--muted);font-family:var(--font-mono);margin:0;font-size:12px}.summary-actions p span{color:var(--muted);font-family:var(--font-body);margin-top:4px;font-size:12px;display:block}.summary-actions .btn{flex:none;min-width:120px;min-height:40px}.app-footer{color:var(--soft);justify-content:space-between;gap:24px;padding:24px 0 32px;font-size:12px;line-height:1.5;display:flex}.rfq-overlay{z-index:40;background:#0f17148f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rfq-sheet{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;gap:24px;width:min(920px,100%);max-height:min(90vh,860px);padding:24px;display:flex;overflow:auto;box-shadow:0 24px 80px #0a140f40}.panel-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.rfq-sheet h2{font-size:24px}.muted{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.rfq-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.rfq-grid .field-stack{gap:16px}.rfq-preview{background:#17201d;border-radius:8px;max-height:392px;padding:16px;overflow:auto}.rfq-preview h3{color:#e5ebe7;font-size:14px}.rfq-preview pre{color:#b8c6be;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:12px 0 0;font-size:12px;line-height:1.55}.rfq-sheet .step-actions{background:0 0;min-height:0;padding:16px 0 0}.req{color:var(--danger);margin-left:3px}.status-line.is-ok{color:#2e7657}.status-line.is-warn{color:#8a5a16}.status-line.is-error{color:#8a2f26}.status-line{color:var(--green);margin:0;font-size:13px}@media (width<=1200px){.workspace{grid-template-columns:minmax(352px,384px) minmax(0,1fr);gap:16px}.tagline{max-width:440px}.preview-dimensions>span{min-width:96px}.preview-instructions{display:none}}@media (width<=960px){.standard-reference{display:none}.page-intro{gap:24px}.workspace{grid-template-columns:1fr}.configurator{height:auto;position:static}.step-body{overflow:visible}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-od .option-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.field-style .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-stage{height:520px}}@media (width<=640px){.app-shell{padding:0 16px}.top-bar{min-height:64px}.top-bar-meta{gap:12px}.brand-mark{width:32px;height:32px}.brand{font-size:15px}.brand-descriptor,.version-chip{display:none}.page-intro{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0}.page-intro h1{font-size:28px}.tagline{font-size:13px}.configurator-topline{padding:0 16px}.step-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.step-tab{min-height:64px}.step-body{padding:24px 16px}.option-grid{grid-template-columns:1fr}.field-type .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-od .option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-style .option-grid,.field-mountType .option-grid{grid-template-columns:1fr}.step-actions{padding:12px 16px}.preview-stage{height:440px}.preview-badge{top:16px;left:16px}.preview-badge strong{max-width:176px;font-size:13px}.preview-reset{justify-content:center;width:32px;padding:0;font-size:0;top:16px;right:16px}.preview-spec-bar{bottom:16px;left:16px;right:16px}.preview-dimensions{width:100%}.preview-dimensions>span{flex:1;min-width:0;padding:8px}.preview-dimensions small{font-size:11px}.preview-dimensions strong{font-size:12px}.preview-lower{grid-template-columns:minmax(0,1fr)}.preview-notice-region{width:calc(100% - 32px);top:56px;right:16px}.summary-panel{padding:20px 16px}.summary-header{flex-direction:column;align-items:flex-start;gap:8px}.summary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.summary-actions{flex-direction:column;align-items:stretch}.summary-actions .btn{width:100%}.app-footer{flex-direction:column;align-items:flex-start;gap:4px}.rfq-overlay{padding:12px}.rfq-sheet{padding:24px 16px}.rfq-grid{grid-template-columns:1fr}.panel-header{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.preview-notice{animation:none}}