*{box-sizing:border-box}body{color:#0f172a;background:#f8fafc;margin:0;font-family:Arial,Helvetica,sans-serif}button,select,input,textarea{font:inherit;color:inherit}.page h1{text-align:center;color:#0f172a;margin:0 0 28px;font-size:58px;font-weight:700;line-height:1.05}.viewer-header h2,.quote-card h2{color:#0f172a;margin:0;font-size:19px;font-weight:800}.viewer{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;height:460px;overflow:hidden}.field select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;margin-top:8px;padding:12px 14px}.field option{color:#0f172a;background:#fff}.toggle-box strong{color:#0f172a;font-size:16px;display:block}.small-text{color:#64748b;margin-top:12px;font-size:14px;font-weight:400}.price-box strong{color:#0f172a;margin-top:4px;font-size:40px;line-height:1.05;display:block}.price-box p{color:#475569;justify-content:space-between;margin:10px 0;font-weight:400;display:flex}.price-box p span:last-child{color:#0f172a;font-weight:600}@media (width<=1100px){.page h1{font-size:46px}.layout{grid-template-columns:1fr}}@media (width<=700px){.page{padding:16px}.page h1{font-size:34px}.layout{width:100%;padding:16px}.viewer{height:340px}}*{box-sizing:border-box;font-family:inherit}html,body,#root{min-height:100%}html{font-family:Segoe UI,Arial,Helvetica,sans-serif}body{color:#0f172a;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f8fafc;margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif}button,select,input,textarea{font-family:Segoe UI,Arial,Helvetica,sans-serif;font:inherit;color:inherit}button{color:#0f172a}.page{min-height:100vh;padding:32px}.page h1{text-align:center;letter-spacing:-.02em;color:#0f172a;margin:0 0 28px;font-size:44px;font-weight:700;line-height:1.1}.layout{background:#fff;border:1px solid #dbe3ef;border-radius:22px;grid-template-columns:minmax(700px,1.25fr) minmax(420px,.8fr);align-items:start;gap:24px;width:min(1460px,100vw - 48px);margin:0 auto;padding:24px;display:grid}.quote-card-brand{align-items:flex-end;gap:8px;min-width:0;display:flex}.quote-card-brand img{object-fit:contain;object-position:left center;width:min(300px,100% - 54px);max-height:52px}.quote-card-brand span{color:#94a3b8;white-space:nowrap;margin-bottom:8px;font-size:12px;font-weight:400}.viewer-card,.quote-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px}.viewer-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.viewer-title{min-width:0}.viewer-header h2,.quote-card h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.viewer-header p,.quote-card p{color:#475569;margin:6px 0 0;font-weight:400;line-height:1.45}.viewer-header span{color:#64748b;font-size:14px;font-weight:400}.viewer{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;height:460px;position:relative;overflow:hidden}.erase-cursor-badge{z-index:30;color:#b91c1c;text-align:center;text-transform:uppercase;pointer-events:none;background:#fff;border:2px solid #ef4444;border-radius:999px;width:28px;height:28px;font-size:20px;font-weight:900;line-height:21px;position:absolute;transform:translate(12px,12px);box-shadow:0 8px 18px #0f172a29}.status-box,.success-box,.warning-box{border-radius:12px;margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.45}.status-box{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;font-weight:400}.success-box{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0}.warning-box{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;font-weight:650}.upload-box{text-align:center;cursor:pointer;background:#eff6ff;border:2px dashed #93c5fd;border-radius:16px;margin-top:18px;padding:34px 18px;display:block}.upload-box strong{color:#0f172a;font-size:17px;font-weight:700;display:block}.upload-box span{color:#64748b;margin-top:8px;font-size:13px;font-weight:400;display:block}.upload-box input{display:none}.attached-file{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.attached-file strong{color:#0f172a;overflow-wrap:anywhere;font-weight:700;line-height:1.35}.attached-file button{color:#ef4444;cursor:pointer;white-space:nowrap;background:0 0;border:0;font-weight:700}.field{color:#0f172a;margin-top:18px;font-weight:700;display:block}.field select{color:#0f172a;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='14' fill='%23EFF6FF' stroke='%23BFDBFE'/%3E%3Cpath d='M10.5 12.5L15 17.5L19.5 12.5' stroke='%232563EB' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:30px 30px;border:1px solid #cbd5e1;border-radius:10px;width:100%;margin-top:8px;padding:12px 48px 12px 14px;font-weight:600}.field select:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #dbeafe}.field option{color:#0f172a;background:#fff;font-weight:500}.material-meta{color:#475569;margin-top:8px;font-size:13px;font-weight:400}.colour-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.colour-button{cursor:pointer;border:2px solid #cbd5e1;border-radius:999px;flex:none;width:38px;height:38px}.colour-button.selected{border-color:#2563eb;outline:3px solid #bfdbfe}.colour-select{margin-top:10px;position:relative}.colour-select-trigger{color:#0f172a;cursor:pointer;text-align:left;background:#fff;border:1px solid #bfdbfe;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 12px;display:grid}.colour-select-trigger strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.colour-select-trigger small{color:#64748b;font-size:12px;font-weight:400}.colour-select-menu{z-index:30;background:#fff;border:1px solid #bfdbfe;border-radius:14px;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 18px 42px #0f172a29}.colour-select-menu input{color:#0f172a;width:100%;height:38px;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:0 11px}.colour-select-options{max-height:220px;display:grid;overflow-y:auto}.colour-select-options button{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:40px;padding:6px 8px;font-weight:700;display:flex}.colour-select-options button:hover,.colour-select-options button.selected{background:#eff6ff}.colour-dot,.request-colour-dot,.remove-colour-dot{color:#2563eb;border:1px solid #cbd5e1;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:900;line-height:1;display:inline-flex}.request-colour-dot{background:#fff;border-color:#bfdbfe;font-size:0;position:relative;box-shadow:0 2px 7px #2563eb24}.request-colour-dot:before{content:"+";color:#2563eb;justify-content:center;align-items:center;font-size:17px;font-weight:900;line-height:0;display:inline-flex}.colour-request-panel{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;gap:8px;margin:6px 4px 4px;padding:10px;display:grid}.colour-request-panel label{color:#475569;gap:6px;font-size:12px;font-weight:400;display:grid}.colour-request-panel input{color:#0f172a;background:#fff;border:1px solid #bfdbfe;border-radius:10px;width:100%;min-height:38px;padding:8px 10px;font-size:14px;font-weight:700}.colour-select-options .colour-request-action,.requested-colour-editor-panel .colour-request-action{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:38px;font-weight:700;display:inline-flex}.colour-select-options .colour-request-action:hover,.requested-colour-editor-panel .colour-request-action:hover{color:#fff;background:#1d4ed8}.colour-appearance-control{cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:10px;width:100%;min-height:40px;display:block;position:relative;overflow:hidden}.colour-appearance-control input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.colour-appearance-bar{border-radius:7px;display:block;position:absolute;inset:4px}.colour-appearance-edit{color:#2563eb;background:#fff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 14px #0f172a2e}.colour-appearance-edit-icon{width:15px;height:15px}.edit-colour-dot{position:relative}.edit-colour-dot:after{content:"";background:linear-gradient(135deg,#0000 0 38%,#2563eb 39% 61%,#0000 62%),#dbeafe;border:2px solid #fff;border-radius:999px;width:12px;height:12px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #0f172a2e}.requested-colour-editor{margin-top:8px}.requested-colour-editor-trigger{color:#0f172a;cursor:pointer;text-align:left;background:#f8fbff;border:1px solid #bfdbfe;border-radius:13px;align-items:center;gap:10px;width:100%;min-height:46px;padding:8px 10px;display:inline-flex}.requested-colour-editor-trigger strong{font-size:13px;font-weight:700;display:block}.requested-colour-editor-trigger small{color:#64748b;font-size:12px;font-weight:400;display:block}.requested-colour-editor-panel{background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;margin-top:8px;padding:10px}.requested-colour-editor-panel label{color:#475569;gap:7px;font-size:12px;font-weight:400;display:grid}.remove-colour-dot{background:#111827;position:relative}.remove-colour-dot:after{content:"";background:#ef4444;border-radius:999px;width:16px;height:3px;position:absolute;transform:rotate(-45deg)}.toggle-box{cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:flex-start;gap:12px;margin-top:18px;padding:14px;display:flex}.toggle-box input{accent-color:#2563eb;flex:none;width:18px;height:18px;margin-top:3px}.toggle-box strong{color:#0f172a;font-size:16px;font-weight:700;display:block}.toggle-box small{color:#64748b;margin-top:4px;font-weight:400;line-height:1.45;display:block}.advanced-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:16px;padding:0;overflow:hidden}.advanced-toggle{color:#0f172a;cursor:pointer;text-align:left;background:#f8fafc;border:0;justify-content:space-between;align-items:center;width:100%;padding:14px;font-size:16px;font-weight:700;display:flex}.advanced-toggle:hover{background:#eff6ff}.advanced-arrow{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:inline-flex}.advanced-panel>div{padding:0 14px 14px}.advanced-panel input[type=range]{accent-color:#2563eb;width:100%}.supports-toggle{margin-top:18px}.advanced-support-options{background:#f8fbff;border-left:2px solid #bfdbfe;border-radius:0 10px 10px 0;gap:10px;margin:10px 0 0 34px;padding:12px;display:grid}.advanced-support-options.disabled{opacity:.58}.advanced-support-toggle{color:#0f172a;cursor:pointer;align-items:flex-start;gap:10px;display:flex}.advanced-support-toggle input{accent-color:#2563eb;margin-top:3px}.advanced-support-toggle strong,.advanced-support-toggle small{display:block}.advanced-support-toggle strong{font-size:14px}.advanced-support-toggle small{color:#64748b;margin-top:3px;font-weight:400;line-height:1.4}.supports-learn-more{color:#2563eb;width:fit-content;font:inherit;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-flex}.supports-learn-more:hover{background:#eff6ff;border-color:#2563eb}.modal-badge.supports{color:#1d4ed8;background:#dbeafe}.supports-guide-modal{position:relative}.supports-guide-options{gap:10px;margin-top:18px;display:grid}.supports-guide-options>div{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;padding:13px 14px}.supports-guide-options strong,.supports-guide-options span{display:block}.supports-guide-options strong{color:#0f172a;font-size:15px}.supports-guide-options span{color:#64748b;margin-top:4px;font-size:14px;font-weight:400;line-height:1.45}.supports-guide-note{color:#334155;background:#eff6ff;border-radius:9px;padding:11px 12px}.paint-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:16px;padding:14px}.colour-count{color:#92400e;background:#fef3c7;border-radius:10px;margin-bottom:10px;padding:8px 12px;font-weight:700;display:inline-block}.selected-paint-colours{gap:8px;margin:4px 0 12px;display:grid}.selected-paint-colours>span{color:#64748b;font-size:13px;font-weight:400}.selected-paint-colour-list{flex-wrap:wrap;gap:8px;display:flex}.selected-paint-colour-chip{color:#0f172a;background:#f8fafc;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:5px 10px 5px 6px;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:visible}.selected-paint-colour-name{z-index:1;position:relative}.selected-paint-colour-chip .colour-dot{z-index:1;width:22px;height:22px;position:relative}.selected-colour-actions{z-index:3;opacity:0;pointer-events:none;border-radius:999px;grid-template-columns:1fr 1fr;transition:opacity .14s;display:grid;position:absolute;inset:0;overflow:hidden}.selected-paint-colour-chip.editable:hover .selected-colour-actions,.selected-paint-colour-chip.editable:focus-within .selected-colour-actions{opacity:1;pointer-events:auto}.selected-colour-action{color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;min-width:36px;display:inline-flex}.selected-colour-action.change{background:#2563eb}.selected-colour-action.remove{background:#ef4444;font-size:20px;font-weight:900;line-height:1}.chip-action-icon{width:17px;height:17px}.chip-colour-replace-menu{z-index:40;width:min(260px,100vw - 48px);position:absolute;top:calc(100% + 8px);left:0}.chip-colour-replace-menu .colour-select{margin-top:0}.paint-action-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.remove-paint-colour-button{color:#2563eb;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-weight:700;display:inline-flex}.remove-paint-colour-button:hover,.remove-paint-colour-button.active{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.remove-paint-colour-button.active{outline:3px solid #fecaca;box-shadow:0 8px 18px #ef444429}.remove-paint-colour-button .remove-colour-dot{background:#fff;border-color:#ef4444}.remove-paint-colour-button .remove-colour-dot:after{background:#ef4444}.remove-colour{cursor:pointer;background:#111827;border:2px solid #cbd5e1;border-radius:999px;flex:none;width:38px;height:38px;padding:0;font-size:0;position:relative}.remove-colour:after{content:"";background:#ef4444;border-radius:999px;width:22px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.remove-colour.active{border-color:#ef4444;outline:3px solid #fecaca}.small-text{color:#64748b;margin-top:12px;font-size:14px;font-weight:400;line-height:1.45}.quantity-box{border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;margin-top:18px;padding:14px;display:flex}.quantity-box>span{color:#0f172a;font-weight:700}.quantity-box div{align-items:center;gap:12px;display:flex}.quantity-box strong{text-align:center;color:#0f172a;min-width:24px;font-size:22px;font-weight:700;display:inline-block}.quantity-box button{cursor:pointer;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:22px;font-weight:800;line-height:1;display:inline-flex}.price-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:18px;padding:18px}.price-box>div{text-align:right}.price-box>div>span{color:#475569;font-size:16px;font-weight:400;display:block}.price-box strong{color:#0f172a;margin-top:4px;font-size:34px;font-weight:700;line-height:1.05;display:block}.price-box small{color:#64748b;font-weight:400}.price-box p{color:#475569;justify-content:space-between;gap:18px;margin:10px 0;font-weight:400;display:flex}.price-box p span:first-child{color:#475569;font-weight:400}.price-box p span:last-child{color:#0f172a;text-align:right;font-weight:700}.price-box hr{border:0;border-top:1px solid #e2e8f0;margin:16px 0}.icon{flex-shrink:0;width:22px;height:22px;display:inline-block}.heading-icon{color:#2563eb;flex-shrink:0;width:30px;height:30px;display:inline-block}.upload-icon{color:#3b82f6;width:50px;height:50px;margin:0 auto 14px;display:block}.small-icon{flex-shrink:0;width:17px;height:17px;display:inline-block}.blue-icon{color:#2563eb}.title-with-icon{align-items:center;gap:10px;display:flex}.rotate-label{color:#64748b;align-items:center;gap:6px;font-size:14px;font-weight:400;display:flex}.attached-file-name{flex:1;align-items:center;gap:8px;min-width:0;display:flex}@media (width<=1100px){.page h1{font-size:40px}.layout{grid-template-columns:1fr}}@media (width<=700px){.page{padding:16px}.page h1{font-size:32px}.layout{width:100%;padding:16px}.viewer{height:340px}}.viewer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.viewer-action-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.viewer-action-button:hover{background:#eff6ff;border-color:#93c5fd}.viewer-title-row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.viewer-title-row span{color:#94a3b8;font-size:12px;font-weight:400}.highlight-toggle{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ef;border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:14px;font-weight:400;display:inline-flex}.highlight-toggle input{accent-color:#2563eb;width:17px;height:17px}.price-summary-row{justify-content:space-between;align-items:center;gap:16px;display:flex;text-align:left!important}.price-total{text-align:right;flex:none}.breakdown-toggle{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:14px;font-weight:700;display:inline-flex}.breakdown-toggle:hover{background:#eff6ff;border-color:#bfdbfe}@media (width<=600px){.price-summary-row{flex-direction:column-reverse;align-items:stretch}.price-total{text-align:left}.breakdown-toggle{justify-content:space-between}}.approval-panel{background:#f8fafc;border:1px solid #dbe3ef;border-radius:16px;margin-top:16px;padding:14px}.approval-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:16px 18px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 12px 24px #2563eb3d}.approval-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 16px 30px #2563eb4d}.approval-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.approval-button span{color:#fff;font-size:17px}.approval-button small{color:#dbeafe;font-size:13px;font-weight:600}.approval-panel p{color:#64748b;text-align:center;margin:10px 0 0;font-size:14px;font-weight:400;line-height:1.45}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #dbe3ef;border-radius:22px;width:min(560px,100%);padding:24px;box-shadow:0 24px 70px #0f172a4d}.approval-request-modal{position:relative}.modal-close-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:999px;width:34px;height:34px;font-size:18px;font-weight:400;line-height:1;position:absolute;top:16px;right:16px}.modal-close-button:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.modal-badge{color:#92400e;background:#fef3c7;border-radius:999px;align-items:center;margin-bottom:14px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.modal-badge.unavailable{color:#b91c1c;background:#fef2f2}.modal-badge.submitted{color:#166534;background:#dcfce7}.modal-card h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800}.modal-card p{color:#475569;margin:12px 0 0;font-weight:400;line-height:1.55}.submission-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.submission-form-grid label{gap:7px;display:grid}.submission-form-grid label.full-width{grid-column:1/-1}.submission-form-grid span{color:#0f172a;font-size:14px;font-weight:800}.submission-form-grid small{color:#64748b;font-size:12px;font-weight:400}.submission-form-grid input,.submission-form-grid textarea{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;resize:vertical;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:11px 12px;font-size:15px}.submission-form-grid input:focus,.submission-form-grid textarea:focus{background:#fff;border-color:#2563eb;outline:3px solid #dbeafe}.submission-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:14px;padding:11px 12px;font-size:14px;font-weight:700;line-height:1.4}.submission-privacy-note{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:11px 12px;display:flex}.submission-privacy-note img{flex:none;width:58px;height:auto}.submission-privacy-note span{color:#475569;font-size:13px;font-weight:400;line-height:1.35}.submission-success{gap:14px;display:grid}.submitted-order-id{color:#1d4ed8;background:#eff6ff;border-radius:999px;width:fit-content;padding:8px 12px;font-size:15px;display:inline-flex}.modal-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.modal-actions.single{grid-template-columns:1fr}.modal-primary-button,.modal-secondary-button{cursor:pointer;border:1px solid #0000;border-radius:12px;padding:13px 14px;font-weight:800}.modal-primary-button{color:#fff;background:#2563eb}.modal-primary-button:hover{background:#1d4ed8}.modal-secondary-button{color:#0f172a;background:#fff;border-color:#cbd5e1}.modal-secondary-button:hover{background:#f8fafc}@media (width<=600px){.modal-actions,.submission-form-grid{grid-template-columns:1fr}.submission-privacy-note{align-items:flex-start}}.complexity-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:12px;padding:12px 14px;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:1.45}.complexity-alert strong,.complexity-alert span,.complexity-alert p{color:#b91c1c;font-family:Segoe UI,Arial,Helvetica,sans-serif}.approval-panel,.approval-panel *,.approval-button,.approval-button *,.modal-card,.modal-card *{font-family:Segoe UI,Arial,Helvetica,sans-serif}.approval-button{letter-spacing:0}.printer-choice-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:18px;padding:16px}.printer-choice-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.printer-choice-header h3{color:#0f172a;margin:0;font-size:17px;font-weight:700}.printer-choice-header p{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:400}.about-printers-link{color:#2563eb;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.about-printers-link:hover{background:#eff6ff}.printer-choice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.printer-choice-card{cursor:pointer;color:#0f172a;text-align:left;background:#fff;border:1px solid #dbe3ef;border-radius:14px;grid-template-columns:auto 1fr;grid-template-areas:"icon title""icon text";gap:4px 12px;padding:14px;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;display:grid}.printer-choice-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb1f}.printer-choice-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.printer-choice-card.unavailable{opacity:.82}.printer-choice-icon{color:#2563eb;grid-area:icon;width:30px;height:30px}.printer-choice-card span{grid-area:title;font-weight:800}.printer-choice-card small{color:#64748b;grid-area:text;font-weight:400;line-height:1.35}@media (width<=700px){.printer-choice-header{flex-direction:column}.printer-choice-grid{grid-template-columns:1fr}}.printer-choice-card .printer-choice-icon{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:4px}.printer-choice-icon{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;width:48px;height:48px;padding:8px}.printer-choice-card.active .printer-choice-icon{background:#dbeafe;border-color:#60a5fa}.printer-choice-card.unavailable .printer-choice-icon{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.printer-choice-card small{font-size:14px}.printer-choice-card{gap:8px 16px;padding:18px}.printer-choice-icon{border-radius:20px;width:68px;height:68px;padding:12px}.printer-choice-card{grid-template-columns:auto 1fr;gap:10px 18px;padding:18px}.printer-choice-card span{font-size:18px}.printer-choice-card small{font-size:14px;line-height:1.4}.viewer{position:relative}.model-loading-overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#f8fafcc7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.model-loading-card{text-align:center;color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:16px;flex-direction:column;align-items:center;gap:10px;min-width:230px;max-width:320px;padding:18px;display:flex;box-shadow:0 14px 34px #0f172a24}.model-loading-card strong{font-size:16px;font-weight:800}.model-loading-card span{color:#475569;font-size:14px;font-weight:400;line-height:1.45}.model-loading-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:999px;width:44px;height:44px;animation:.8s linear infinite model-spin}@keyframes model-spin{to{transform:rotate(360deg)}}.material-restriction-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-top:10px;padding:11px 13px;font-size:14px;font-weight:700;line-height:1.45}.toggle-box.disabled{opacity:.72;cursor:not-allowed}.toggle-box.disabled input{cursor:not-allowed}.loading-quote-card strong{font-size:24px}.minimum-order-card{background:#f8fafc;border:1px solid #dbe3ef;border-radius:16px;margin-top:18px;padding:18px}.minimum-order-card>div:first-child{text-align:right}.minimum-order-card>div:first-child>span{color:#475569;font-size:16px;font-weight:400;line-height:1.3;display:block}.minimum-order-card strong{color:#0f172a;margin-top:4px;font-size:34px;font-weight:700;line-height:1.05;display:block}.minimum-order-card small{color:#64748b;margin-top:4px;font-weight:400;line-height:1.4;display:block}.minimum-order-card hr{border:0;border-top:1px solid #e2e8f0;margin:16px 0}.minimum-order-card p{color:#475569;margin:0;font-weight:400;line-height:1.45}.loading-quote-card>div:first-child{text-align:left}.loading-quote-card strong{margin-top:6px;font-size:16px;font-weight:800;line-height:1.35}.loading-quote-card small{margin-top:6px}.approval-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:14px;padding:12px}.approval-note strong{color:#0f172a;margin:0 0 4px;font-size:15px;display:block}.approval-note span{color:#475569;font-size:14px;font-weight:400;line-height:1.45;display:block}:root{font-family:Segoe UI,Arial,Helvetica,sans-serif}*,:before,:after{font-family:Segoe UI,Arial,Helvetica,sans-serif!important}body,button,select,input,textarea,label,small,span,p,a,div,strong,h1,h2,h3,h4,h5,h6,option,optgroup{letter-spacing:0;font-family:Segoe UI,Arial,Helvetica,sans-serif!important}button,select,input,textarea{font:inherit}select,input,textarea,option,optgroup{color:#0f172a}.warning-box,.success-box,.status-box,.complexity-alert,.material-restriction-note,.minimum-order-card,.price-box,.approval-panel,.approval-button,.modal-card,.printer-choice-card,.toggle-box,.advanced-settings-card,.attached-file,.approval-button span,.approval-button small,.breakdown-toggle,.advanced-toggle,.viewer-action-button,.remove-colour,.quantity-box button{font-family:Segoe UI,Arial,Helvetica,sans-serif!important}.embedded-quote-app{padding-top:0}.embedded-quote-app .layout{margin-top:0}.viewer-upload-box{margin-top:0;margin-bottom:0}.viewer-upload-overlay{z-index:15;width:min(560px,100% - 36px);padding:34px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer-upload-overlay .upload-icon{margin-bottom:12px}@media (width<=700px){.viewer-upload-overlay{width:calc(100% - 28px);padding:26px 14px}.paint-action-row{grid-template-columns:1fr}.remove-paint-colour-button{width:100%}}.parts-panel{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;margin-top:14px;padding:12px}.parts-panel-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.parts-panel-header strong{color:#0f172a;font-size:15px;font-weight:700}.parts-panel-header button,.remove-active-part{color:#2563eb;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700}.parts-panel-header button:hover,.remove-active-part:hover{background:#eff6ff}.parts-list{gap:8px;display:grid}.part-chip{color:#0f172a;cursor:pointer;text-align:left;background:#fff;border:1px solid #dbe3ef;border-radius:12px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.part-chip:hover{background:#eff6ff;border-color:#93c5fd}.part-chip.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.part-chip span{gap:2px;min-width:0;display:grid}.part-chip strong{overflow-wrap:anywhere;color:#0f172a;font-size:14px;font-weight:700;line-height:1.25}.part-chip small{color:#64748b;font-size:12px;font-weight:400}.remove-active-part{color:#ef4444;border-color:#fecaca;width:100%;margin-top:10px}.remove-active-part:hover{background:#fef2f2}.part-breakdown-block{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.part-breakdown-block:first-of-type{border-top:0;margin-top:0;padding-top:0}@media (width<=700px){.parts-panel-header{flex-direction:column;align-items:stretch}.parts-panel-header button{width:100%}}.part-breakdown-title{align-items:flex-start;font-weight:800}.part-breakdown-title span:first-child{color:#0f172a;overflow-wrap:anywhere}.part-breakdown-title span:last-child{color:#2563eb;white-space:nowrap}.part-breakdown-title{margin-bottom:12px!important}.part-breakdown-title span:first-child{overflow-wrap:anywhere;font-weight:800;color:#0f172a!important}.part-breakdown-title span:last-child{white-space:nowrap;font-weight:800;color:#0f172a!important}.grand-total-line{border-top:1px solid #cbd5e1;padding-top:14px;margin-top:16px!important}.grand-total-line span{font-size:16px;color:#0f172a!important;font-weight:900!important}.saving-line span:first-child,.saving-line span:last-child{font-weight:800;color:#166534!important}.order-totals-block{border-top:1px solid #cbd5e1;margin-top:18px;padding-top:14px}.order-totals-title{margin-bottom:12px!important}.order-totals-title span:first-child{font-size:16px;color:#0f172a!important;font-weight:900!important}.order-totals-title span:last-child,.grand-total-line{display:none}.part-total-pill{white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:13px;display:inline-flex;color:#1d4ed8!important;font-weight:900!important}.part-breakdown-title{gap:12px}.part-breakdown-title span:first-child{flex:1}@media (width<=600px){.part-breakdown-title{flex-direction:column;align-items:flex-start}.part-total-pill{white-space:normal;text-align:left;align-self:flex-start}}
