:root{--bg-dark: transparent;--card-bg: #ffffff;--card-border: #e2e8f0;--accent-emerald: #10b981;--accent-sky: #38bdf8;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--text-sub: #64748b}.tool-page-wrapper{background:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding-bottom:5rem}.container{max-width:1240px;margin:0 auto;padding:0 1.5rem}.tool-hero-section{background:radial-gradient(circle at 50% 0%,rgba(2,132,199,.08) 0%,transparent 70%),#fff;border-bottom:1px solid var(--card-border);padding:5.5rem 1.5rem 3.5rem;text-align:center}.hero-container{max-width:960px}.tool-badge-pill{display:inline-flex;align-items:center;gap:.5rem;background:#38bdf826;color:#7dd3fc;border:1px solid rgba(56,189,248,.35);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:.4rem 1rem;border-radius:9999px;margin-bottom:1.25rem}.tool-main-h1{font-family:Outfit,sans-serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;line-height:1.15;letter-spacing:-.8px;margin-bottom:1.25rem;color:#0f172a}.tool-hero-lead{color:var(--text-muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.65;max-width:840px;margin:0 auto 2rem}.quick-jump-bar{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.jump-chip{background:#1e293bb3;border:1px solid rgba(51,65,85,.8);color:#334155;font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:12px;text-decoration:none;transition:all .2s ease}.jump-chip:hover{background:#38bdf833;border-color:#2d5da1;color:#0f172a;transform:translateY(-1px)}.calculator-engine-box{margin-top:-1.5rem;position:relative;z-index:10}.engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media(max-width:960px){.engine-grid{grid-template-columns:1fr}}.calc-form-card,.calc-results-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:2.5rem;box-shadow:0 20px 50px #00000073;backdrop-filter:blur(12px)}.form-header,.results-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-border);padding-bottom:1.25rem;margin-bottom:1.75rem;flex-wrap:wrap;gap:.75rem}.form-title{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.6rem;margin:0}.live-pill{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.35);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:.3rem .75rem;border-radius:9999px}.res-sub-tag{font-size:.82rem;font-weight:700;color:var(--text-sub);text-transform:uppercase;letter-spacing:.7px}.field-label{display:block;font-size:.85rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.luxury-select{width:100%;background:var(--card-bg, #ffffff);color:var(--text-primary, #0f172a);border:1px solid #cbd5e1;border-radius:12px;padding:.85rem 1rem;color:#0f172a;font-size:.95rem;font-weight:600;outline:none;transition:all .2s}.luxury-select:focus{border-color:#2d5da1;box-shadow:0 0 0 3px #38bdf840}.upload-dropzone-box{border:2px dashed #334155;background:#0f172a99;border-radius:16px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:1.25rem}.upload-dropzone-box:hover,.upload-dropzone-box.drag-active{border-color:#2d5da1;background:#38bdf814}.upload-inner-content{display:flex;flex-direction:column;align-items:center;gap:.6rem}.upload-icon-circle{width:48px;height:48px;border-radius:50%;background:#38bdf826;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.upload-main-text{font-size:.92rem;color:#e2e8f0;margin:0}.upload-sub-text{font-size:.78rem;color:var(--text-sub);margin:0}.upload-action-btn{background:#f1f5f9;border:1px solid #475569;color:#0f172a;font-size:.82rem;font-weight:700;padding:.45rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s}.upload-action-btn:hover{background:#334155}.sample-photo-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.sample-label{font-size:.78rem;font-weight:700;color:var(--text-sub);text-transform:uppercase}.sample-chip-btn{font-size:.78rem;font-weight:700;border-radius:20px;padding:.35rem .75rem;cursor:pointer;border:1px solid transparent;transition:all .2s}.chip-pass{background:#10b98126;color:#34d399;border-color:#10b98166}.chip-warn{background:#f59e0b26;color:#92400e;border-color:#f59e0b66}.chip-fail{background:#f43f5e26;color:#fb7185;border-color:#f43f5e66}.canvas-workspace-wrapper{background:var(--card-bg, #ffffff);color:var(--text-primary, #0f172a);border:1px solid #e2e8f0;border-radius:18px;padding:1.25rem;margin-bottom:2rem}.canvas-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;font-size:.85rem}.canvas-title-badge{font-weight:800;color:#2d5da1;background:#38bdf81f;padding:.3rem .75rem;border-radius:8px}.canvas-zoom-readout{font-weight:700;color:var(--text-sub)}.canvas-viewport{position:relative;width:100%;aspect-ratio:1 / 1;max-height:420px;background:#000;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1}#photoInspectorCanvas{width:100%;height:100%;object-fit:contain}.guide-legend-tag{position:absolute;bottom:8px;left:8px;background:#0f172ad9;border:1px solid rgba(51,65,85,.8);backdrop-filter:blur(6px);font-size:.72rem;font-weight:700;color:#e2e8f0;padding:.25rem .6rem;border-radius:6px;display:flex;gap:.6rem;align-items:center}.dot-head,.dot-eyes{width:8px;height:8px;border-radius:50%;background:#38bdf8;display:inline-block}.dot-chin{width:8px;height:8px;border-radius:50%;background:#f59e0b;display:inline-block}.control-sliders-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}@media(max-width:600px){.control-sliders-grid{grid-template-columns:1fr}}.slider-box{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem}.slider-label-row{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;color:#334155;margin-bottom:.35rem}.luxury-range{width:100%;accent-color:#2d5da1;cursor:pointer}.overlay-toggles-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:1rem;padding-top:.85rem;border-top:1px solid #1e293b}.toggle-group-label{font-size:.78rem;font-weight:700;color:var(--text-sub);text-transform:uppercase}.toggle-pill{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:#334155;background:#f1f5f9;padding:.3rem .6rem;border-radius:6px;cursor:pointer}.toggle-pill input{accent-color:#2d5da1}.reset-icon-btn{background:#f1f5f9;color:#0f172a;border:1px solid #475569;color:#334155;font-size:.78rem;font-weight:700;padding:.3rem .7rem;border-radius:6px;cursor:pointer;margin-left:auto;transition:all .2s}.reset-icon-btn:hover{background:#334155;color:#0f172a}.compliance-checklist-container{border-top:1px solid var(--card-border);padding-top:1.5rem}.checklist-heading{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;color:#0f172a;margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem}.checklist-subtext{font-size:.82rem;color:var(--text-sub);margin-bottom:1.25rem}.checklist-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.check-item-card{display:flex;align-items:flex-start;gap:.85rem;background:#0f172a99;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem 1rem;cursor:pointer;transition:all .2s}.check-item-card:hover{background:#f1f5f9;border-color:#334155}.lux-checkbox{margin-top:.25rem;width:18px;height:18px;accent-color:#10b981;cursor:pointer}.check-text strong{display:block;font-size:.88rem;color:#0f172a;margin-bottom:.15rem}.check-text span{font-size:.78rem;color:var(--text-muted);line-height:1.4}.verdict-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:800;padding:.45rem 1rem;border-radius:9999px}.verdict-pass{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.4)}.verdict-warn{background:#f59e0b26;color:#92400e;border:1px solid rgba(245,158,11,.4)}.verdict-fail{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.4)}.score-hero-container{display:flex;align-items:center;gap:1.75rem;background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #cbd5e1;border-radius:18px;padding:5.5rem 1.5rem 3.5rem;margin-bottom:2rem}.score-dial-box{text-align:center;background:#fff;border:2px solid #38bdf8;border-radius:16px;padding:.85rem 1.25rem;min-width:110px}.score-dial-value{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:900;color:#2d5da1;line-height:1}.score-dial-label{font-size:.72rem;font-weight:700;color:var(--text-sub);text-transform:uppercase;margin-top:.35rem}.score-headline{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;margin-bottom:.35rem}.score-subtext{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0}.audit-section-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#0f172a;margin-bottom:1rem}.audit-params-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem}.audit-row{display:flex;justify-content:space-between;align-items:center;background:#0f172a80;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem 1rem;gap:1rem}.audit-col-left{display:flex;align-items:center;gap:.75rem}.audit-col-left strong{font-size:.88rem;color:#0f172a}.audit-val-sub{font-size:.78rem;color:var(--text-sub);margin-top:.15rem}.audit-badge{font-size:.75rem;font-weight:700;padding:.3rem .65rem;border-radius:6px;white-space:nowrap}.badge-pass{background:#10b98126;color:#34d399}.badge-fail{background:#f43f5e26;color:#fb7185}.fixes-recommendations-box{background:#fffbeb;border:2px solid #2d2d2d;box-shadow:4px 4px #2d2d2d;padding:1.5rem;border:1px solid rgba(245,158,11,.35);border-radius:14px;padding:1.25rem;margin-bottom:2rem}.fixes-title{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;color:#92400e;margin-bottom:.5rem}.fixes-list{margin:0;padding-left:1.25rem;font-size:.82rem;color:#451a03;line-height:1.5}.print-grid-helper-card{background:var(--card-bg, #ffffff);color:var(--text-primary, #0f172a);border:1px solid #cbd5e1;border-radius:18px;padding:1.5rem}.grid-helper-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.grid-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#0f172a;margin-bottom:.25rem}.grid-sub{font-size:.8rem;color:var(--text-muted);margin:0}.savings-tag{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.4);font-size:.78rem;font-weight:800;padding:.35rem .75rem;border-radius:9999px;white-space:nowrap}.sheet-preview-frame{background:#f1f5f9;color:#0f172a;border:2px dashed #475569;border-radius:12px;padding:.75rem;margin-bottom:1.25rem}.sheet-aspect-ratio{display:grid;gap:.5rem;aspect-ratio:3 / 2;background:#fff;border-radius:6px;padding:.5rem}.mini-photo-slot{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.mini-head-avatar{width:24px;height:24px;border-radius:50%;background:#cbd5e1;border:1px solid #94a3b8}.mini-dim-tag{font-size:.65rem;font-weight:700;color:#64748b}.cost-compare-bar{display:flex;align-items:center;justify-content:space-between;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem 1rem;margin-bottom:1.5rem}.cost-box{display:flex;flex-direction:column}.cost-lbl{font-size:.72rem;color:var(--text-sub);text-transform:uppercase;font-weight:700}.cost-val{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:900;color:#0f172a}.strikethrough{text-decoration:line-through;color:#64748b}.green{color:#34d399}.cost-arrow{color:var(--text-sub);font-size:1.1rem}.export-btn-group{display:flex;flex-direction:column;gap:.75rem}.lux-btn-primary,.lux-btn-secondary{width:100%;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;padding:.85rem 1.25rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.lux-btn-primary{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#0f172a;border:none;box-shadow:0 4px 15px #38bdf859}.lux-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf873}.lux-btn-secondary{background:#f1f5f9;color:#0f172a;border:1px solid #475569}.lux-btn-secondary:hover{background:#334155;border-color:#64748b}.tool-section{margin-top:5rem}.section-title-wrap{text-align:center;max-width:860px;margin:0 auto 2.5rem}.section-pill{display:inline-block;background:#38bdf81f;color:#7dd3fc;border:1px solid rgba(56,189,248,.3);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:.35rem .85rem;border-radius:9999px;margin-bottom:.85rem}.section-h2{font-family:Outfit,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:900;color:#0f172a;line-height:1.2;margin-bottom:.85rem}.section-lead{font-size:1.05rem;color:var(--text-muted);line-height:1.6;margin:0}.table-responsive-container{overflow-x:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 15px 40px #00000059}.master-matrix-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem;min-width:900px}.master-matrix-table th{background:var(--card-bg, #ffffff);color:var(--text-primary, #0f172a);color:#64748b;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:1.1rem 1rem;border-bottom:1px solid var(--card-border)}.master-matrix-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#e2e8f0;vertical-align:middle}.master-matrix-table tr:hover td{background:#f8fafc}.country-cell{display:flex;align-items:center;gap:.6rem}.table-flag{font-size:1.3rem}.mm-badge{font-weight:800;color:#2d5da1}.sub-in-text{font-size:.75rem;color:var(--text-sub)}.head-spec-text{font-size:.82rem;font-weight:700;color:#334155}.bg-tag{font-size:.78rem;background:#1e293bcc;padding:.25rem .5rem;border-radius:6px;color:#334155}.status-tag-banned{font-size:.75rem;font-weight:800;background:#f43f5e26;color:#fb7185;padding:.25rem .5rem;border-radius:6px}.status-tag-warn{font-size:.75rem;font-weight:800;background:#f59e0b26;color:#92400e;padding:.25rem .5rem;border-radius:6px}.px-text{font-size:.82rem;font-weight:700}.kb-text{font-size:.75rem;color:var(--text-sub)}.notes-cell{font-size:.8rem;color:var(--text-muted);line-height:1.4;max-width:200px}.guide-article-section{margin-top:5rem}.guide-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:clamp(2rem,4vw,3.5rem);box-shadow:0 20px 50px #00000059}.article-h2{font-family:Outfit,sans-serif;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:900;color:#0f172a;line-height:1.25;margin-bottom:1.5rem}.article-h3{font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:800;color:#2d5da1;margin:2.25rem 0 1rem}.article-h4{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;color:#0f172a;margin:1.5rem 0 .75rem}.article-p{color:#334155;font-size:1.02rem;line-height:1.75;margin-bottom:1.25rem}.article-divider{border:0;height:1px;background:var(--card-border);margin:2.5rem 0}.article-bullet-list,.article-num-list{color:#334155;font-size:1rem;line-height:1.75;padding-left:1.5rem;margin-bottom:1.5rem}.article-bullet-list li,.article-num-list li{margin-bottom:.75rem}.optical-callout-box{background:#fffbeb;border:2px solid #2d2d2d;box-shadow:4px 4px #2d2d2d;padding:1.5rem;border-left:4px solid #f59e0b;border-radius:0 14px 14px 0;padding:1.25rem 1.5rem;margin:1.75rem 0}.callout-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#92400e;margin-bottom:.5rem}.callout-body{font-size:.95rem;color:#451a03;line-height:1.6;margin:0}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:2rem 0}.reason-card{background:var(--card-bg, #ffffff);color:var(--text-primary, #0f172a);border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;position:relative}.reason-num{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:900;color:#38bdf859;line-height:1;margin-bottom:.5rem}.reason-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#0f172a;margin-bottom:.4rem}.reason-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0}.faq-accordion-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;transition:all .2s}.faq-item.active{border-color:#2d5da1}.faq-trigger{width:100%;background:transparent;border:none;padding:1.25rem 1.5rem;text-align:left;color:#0f172a;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-icon{font-size:1.4rem;color:#2d5da1;transition:transform .2s}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-panel{display:none;padding:0 1.5rem 1.5rem;color:var(--text-muted);font-size:.95rem;line-height:1.7}.faq-item.active .faq-panel{display:block}