.quote-root{--blue:#31C4F3;--yellow:#FFD600;--navy:#0A1628;--cyan:#0891B2;--ice:#F0F8FC;--coral:#FF5C4D;--lime:#A8E63D;--paper:#F7F6F2;--ink:#1A2030;--line:rgba(10,22,40,0.12);--muted:rgba(10,22,40,0.62);background:var(--paper);color:var(--navy);font-family:DM Sans,Arial,sans-serif;line-height:1.5;min-height:100vh}.quote-root *{box-sizing:border-box;margin:0;padding:0}.quote-root button,.quote-root input{font:inherit}.quote-root .page-shell{max-width:1180px;margin:0 auto;padding:22px}.quote-root .product-page{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}.quote-root .options-column{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 40px rgba(10,22,40,.06);padding:24px}.quote-root .product-header{border-bottom:1px solid rgba(10,22,40,.1);margin-bottom:22px;padding-bottom:22px}.quote-root .eyebrow{color:var(--cyan);font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:8px;text-transform:uppercase}.quote-root h1{color:var(--navy);font-family:Barlow,sans-serif;font-size:54px;font-style:italic;font-weight:900;letter-spacing:0;line-height:.92}.quote-root .product-header p:last-child{color:var(--muted);font-size:15px;margin-top:10px;max-width:700px}.quote-root .option-stack{display:grid;gap:18px}.quote-root .option-section{border-bottom:1px solid rgba(10,22,40,.08);padding-bottom:18px}.quote-root .option-section:last-child{border-bottom:none;padding-bottom:0}.quote-root .split-section{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-root .section-heading{align-items:baseline;display:flex;gap:9px;margin-bottom:12px}.quote-root .section-heading span{color:var(--cyan);font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:900}.quote-root .section-heading h2{font-family:Plus Jakarta Sans,sans-serif;font-size:17px;line-height:1.1}.quote-root .section-heading small{color:var(--muted);font-size:12px;font-weight:700}.quote-root .white-ink-panel .section-heading h2,.quote-root .white-ink-panel .section-heading small{white-space:nowrap}.quote-root .option-grid{display:grid;gap:9px}.quote-root .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quote-root .shape-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.quote-root .size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-root .material-grid,.quote-root .quantity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-root .choice{position:relative}.quote-root .choice input{opacity:0;position:absolute}.quote-root .choice span{background:#fff;border:2px solid rgba(10,22,40,.12);border-radius:8px;cursor:pointer;display:block;min-height:58px;padding:11px 12px;position:relative;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.quote-root .choice .choice-icon{display:block;font-size:24px;line-height:1;margin-bottom:7px}.quote-root .choice strong{display:block;font-size:14px;overflow-wrap:anywhere}.quote-root .quantity-grid .choice span,.quote-root .size-grid .choice span{align-items:center;display:flex;justify-content:flex-start;min-height:48px;padding:10px 12px;text-align:left}.quote-root .quantity-grid .choice span{justify-content:space-between}.quote-root .quantity-grid .choice strong,.quote-root .size-grid .choice strong{font-size:14px;line-height:1.2}.quote-root .quantity-price{color:var(--muted);font-size:12px;font-style:normal;font-weight:700;margin-left:12px;text-align:right;white-space:nowrap}.quote-root .choice small{color:var(--muted);display:block;font-size:12px;margin-top:2px}.quote-root .value-pill{background:var(--lime);border:1px solid rgba(10,22,40,.12);border-radius:999px;color:var(--navy);display:inline-block;font-size:10px;font-style:normal;font-weight:900;left:50%;line-height:1;padding:4px 8px;position:absolute;top:-11px;transform:translateX(-50%);white-space:nowrap}.quote-root .material-grid .choice span{align-items:center;display:grid;grid-template-columns:20px 1fr}.quote-root .material-grid .choice span small,.quote-root .material-grid .choice span strong{grid-column:2}.quote-root .sub-product-panel{background:var(--ice);border:1px solid rgba(49,196,243,.24);border-radius:8px;margin-top:12px;padding:12px}.quote-root .sub-product-label{color:var(--cyan);font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:9px;text-transform:uppercase}.quote-root .choice input:checked+span{background:var(--ice);border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,196,243,.15)}.quote-root .dot{border:1px solid rgba(10,22,40,.18);border-radius:5px;display:block;grid-column:1;grid-row:1/span 2;height:18px;width:18px}.quote-root .dot.white{background:#fff}.quote-root .dot.clear{background:linear-gradient(135deg,rgba(49,196,243,.18),rgba(255,255,255,.75))}.quote-root .dot.holo{background:linear-gradient(135deg,#31C4F3,#FF3FA4,#FFD600)}.quote-root .dot.tack{background:#111}.quote-root .dot.paper{background:#f1e3c4}.quote-root .dot.transfer{background:linear-gradient(135deg,#111,#fff)}.quote-root .custom-row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.quote-root .custom-row.single{grid-template-columns:minmax(0,1fr)}.quote-root .custom-row label{color:var(--muted);display:grid;font-size:12px;font-weight:800;gap:6px;text-transform:uppercase}.quote-root .custom-row input{border:1px solid var(--line);border-radius:6px;min-height:42px;padding:10px}.quote-root .field-help{color:var(--muted);font-size:13px;margin-top:9px}.quote-root .field-help.error{color:var(--coral);font-weight:800}.quote-root .segmented{background:var(--paper);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px}.quote-root .segmented label{position:relative}.quote-root .segmented input{opacity:0;position:absolute}.quote-root .segmented span{border-radius:6px;cursor:pointer;display:block;font-weight:800;padding:11px 12px;text-align:center}.quote-root .segmented input:checked+span{background:var(--navy);color:white}.quote-root .segmented.disabled{opacity:.58;pointer-events:none}.quote-root .upload-zone{align-items:center;border:2px dashed rgba(10,22,40,.22);border-radius:8px;cursor:pointer;display:grid;grid-template-columns:42px 1fr;gap:2px 12px;min-height:92px;padding:18px}.quote-root .upload-zone input{display:none}.quote-root .upload-plus{align-items:center;background:var(--blue);border-radius:50%;color:var(--navy);display:flex;font-size:28px;font-weight:900;grid-row:1/span 2;height:42px;justify-content:center;width:42px}.quote-root .upload-zone small{color:var(--muted)}.quote-root .summary-column{position:sticky;top:18px}.quote-root .summary-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 40px rgba(10,22,40,.08);padding:24px}.quote-root .summary-top{background:var(--ice);border-radius:8px;margin-bottom:18px;padding:20px}.quote-root .summary-top span{color:var(--cyan);display:block;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.quote-root .live-price{display:block;font-family:Barlow,sans-serif;font-size:58px;font-style:italic;line-height:.9;margin-top:7px}.quote-root .unit-price{color:var(--muted);display:block;font-weight:800;margin-top:8px}.quote-root .summary-lines{display:grid;gap:10px;margin-bottom:16px}.quote-root .summary-lines div{border-bottom:1px solid rgba(10,22,40,.08);display:flex;gap:12px;justify-content:space-between;padding-bottom:9px}.quote-root .summary-lines span{color:var(--muted)}.quote-root .summary-lines b{max-width:190px;text-align:right}.quote-root .status-box{background:rgba(168,230,61,.17);border-radius:8px;color:#375000;font-size:13px;font-weight:800;margin-bottom:14px;padding:12px}.quote-root .status-box.error{background:rgba(255,92,77,.13);color:#9b2118}.quote-root .primary-action,.quote-root .secondary-action{border-radius:6px;cursor:pointer;display:block;font-weight:900;letter-spacing:.08em;margin-top:10px;padding:14px 16px;text-transform:uppercase;width:100%}.quote-root .primary-action{background:var(--yellow);border:2px solid var(--yellow);color:var(--navy)}.quote-root .primary-action:disabled{cursor:not-allowed;opacity:.45}.quote-root .secondary-action{background:#fff;border:2px solid var(--navy);color:var(--navy)}.quote-root .summary-notes{border-top:1px solid rgba(10,22,40,.1);display:grid;gap:11px;margin-top:18px;padding-top:16px}.quote-root .summary-notes div{display:grid;gap:2px}.quote-root .summary-notes b{font-size:13px}.quote-root .summary-notes span{color:var(--muted);font-size:12px}.quote-root .seed-banner{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;text-align:center;font-family:Plus Jakarta Sans,sans-serif}.quote-root .seed-banner button{background:var(--navy);border:none;border-radius:6px;color:white;cursor:pointer;font-weight:800;margin-top:12px;padding:10px 18px}@media (max-width:980px){.quote-root .product-page{grid-template-columns:1fr}.quote-root .summary-column{position:static}}@media (max-width:680px){.quote-root .page-shell{padding:12px}.quote-root .options-column,.quote-root .summary-card{padding:16px}.quote-root .material-grid,.quote-root .product-grid,.quote-root .quantity-grid,.quote-root .shape-grid,.quote-root .size-grid,.quote-root .split-section{grid-template-columns:1fr}.quote-root h1{font-size:42px}}