.viewer-toolbar .ghost{height:42px}.simulation-label{min-width:auto!important;color:#98a2b3;margin-left:2px}.cost-section{grid-column:1/-1}.cost-section .section-title>i{background:#f0fdf4;color:#15803d}.readiness-section .section-title>i{background:#ecfdf3;color:#067647}.setup-section .section-title>i{background:#eef4ff;color:#3538cd}.recommendation-section .section-title>i{background:#fff7ed;color:#c2410c}.diagnostics-section .section-title>i{background:#f5f3ff;color:#7c3aed}.compare-section .section-title>i{background:#f8fafc;color:#475569}.stitch-canvas svg{overflow:visible}.hoop-rect{fill:none;stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-dasharray:5 3}.hoop-rect.hoop-ok{stroke:#16a34a}.hoop-rect.hoop-bad{stroke:#dc2626}.hoop-safe{fill:none;stroke:#94a3b8;stroke-width:.6;vector-effect:non-scaling-stroke;stroke-dasharray:2 3}.density-cell{fill:#f97316;stroke:none;pointer-events:none}.comparison-path{fill:none;stroke:#475569;stroke-width:1.2;stroke-dasharray:4 3;opacity:.6;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.problem-marker{fill:#fff;stroke:#dc2626;stroke-width:1.2;vector-effect:non-scaling-stroke}.micro-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.micro-metrics span{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-radius:8px;background:#f8fafc;color:#667085;font-size:9px}.micro-metrics b{color:#344054;font-size:11px}.advanced-time{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.advanced-time span{display:flex;justify-content:space-between;gap:5px;padding:7px 8px;border:1px solid #edf0f4;border-radius:8px;color:#667085;font-size:9px;background:#fff}.advanced-time b{color:#344054;white-space:nowrap}.cost-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cost-inputs label{display:grid;gap:5px;color:#667085;font-size:9.5px;font-weight:700}.cost-inputs input,.setup-grid input,.setup-grid select,.tech-fields input,.compare-controls select{height:36px;border:1px solid #d7dee8;border-radius:8px;background:#fff;padding:0 9px;font:inherit;color:#101828;box-sizing:border-box}.cost-inputs input:focus,.setup-grid input:focus,.setup-grid select:focus,.tech-fields input:focus,.compare-controls select:focus{outline:0;border-color:#84adff;box-shadow:0 0 0 3px rgba(46,119,235,.08)}.cost-results{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.cost-results>div{display:flex;flex-direction:column;gap:3px;padding:9px 10px;border:1px solid #e6eaf0;border-radius:9px;background:#f8fafc}.cost-results span{font-size:9px;color:#667085}.cost-results b{font-size:13px}.cost-results .cost-total{background:#f0fdf4;border-color:#bbf7d0}.cost-results .cost-total b{color:#15803d;font-size:15px}.readiness-card{border:1px solid #e4e7ec;border-radius:11px;padding:12px;display:grid;gap:4px}.readiness-card strong{font-size:14px}.readiness-card span{font-size:10.5px;color:#667085;line-height:1.4}.readiness-card.readiness-ok{background:#ecfdf3;border-color:#abefc6}.readiness-card.readiness-ok strong{color:#067647}.readiness-card.readiness-warn{background:#fffaeb;border-color:#fedf89}.readiness-card.readiness-warn strong{color:#b54708}.readiness-card.readiness-bad{background:#fef3f2;border-color:#fecdca}.readiness-card.readiness-bad strong{color:#b42318}.preflight-button{width:100%;height:36px;margin-top:8px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-weight:750;cursor:pointer}.preflight-button:hover{background:#f8fafc}.preflight-list{display:grid;gap:5px;margin-top:8px}.preflight-list[hidden]{display:none}.preflight-list>div,.preflight-list>button{width:100%;display:flex;align-items:center;gap:7px;padding:7px 8px;border:0;border-radius:7px;font:inherit;font-size:10px;text-align:left}.preflight-list b{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:10px}.preflight-list .pass{background:#f0fdf4;color:#166534}.preflight-list .pass b{background:#16a34a;color:#fff}.preflight-list .fail{background:#fff7ed;color:#9a3412;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.preflight-list .fail:hover{background:#ffedd5;box-shadow:0 0 0 2px rgba(249,115,22,.18);transform:translateX(2px)}.preflight-list .fail:focus-visible{outline:3px solid rgba(249,115,22,.25);outline-offset:1px}.preflight-list .fail em{margin-left:auto;font-style:normal;font-size:9px;font-weight:800;color:#c2410c;white-space:nowrap}.preflight-list .fail b{background:#f97316;color:#fff}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setup-grid label{display:grid;gap:5px}.setup-grid label>span{font-size:9.5px;color:#667085;font-weight:700}.unit-field{display:flex;align-items:center;gap:6px}.unit-field input{min-width:0;flex:1}.unit-field b{font-size:10px;color:#667085}.hoop-fit{margin-top:9px;padding:8px 9px;border-radius:8px;background:#f8fafc;color:#667085;font-size:10px}.hoop-fit small{display:block;margin-top:2px}.hoop-fit.fit-ok{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.hoop-fit.fit-bad{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.recommendation-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.recommendation-grid>div{display:grid;gap:2px;padding:8px 9px;border:1px solid #e8edf3;border-radius:8px;background:#f8fafc}.recommendation-grid>div span{font-size:9px;color:#667085}.recommendation-grid>div b{font-size:10.5px;color:#344054}.recommendation-grid>p{grid-column:1/-1;margin:2px 0 0;padding:8px 9px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:10px;line-height:1.4}.tech-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid #eef2f6}.tech-fields label{display:grid;gap:4px;color:#667085;font-size:9px;font-weight:700}.tech-fields .wide{grid-column:1/-1}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.diagnostic-grid>div,.diagnostic-grid>button{border:1px solid #e8edf3;border-radius:8px;background:#f8fafc;padding:8px 9px;text-align:left;font:inherit;display:grid;gap:2px}.diagnostic-grid>button{cursor:pointer}.diagnostic-grid>button:hover{border-color:#c7d7f2;background:#f4f8ff}.diagnostic-grid .wide{grid-column:1/-1}.diagnostic-grid span{font-size:9px;color:#667085}.diagnostic-grid b{font-size:11px;color:#344054}.thread-fields{margin-left:auto;display:grid;grid-template-columns:28px minmax(70px,.8fr) minmax(55px,.65fr);gap:5px;align-items:center}.thread-fields input{height:28px;min-width:0;border:1px solid #dce3ec;border-radius:6px;background:#fff;padding:0 6px;font:inherit;font-size:9px;color:#344054}.thread-fields input[type=color]{width:28px;padding:2px;cursor:pointer}.section-colors .sequence-row{flex-wrap:wrap}.section-colors .sequence-row>b{min-width:70px}.compare-controls{display:flex;gap:7px}.compare-controls select{min-width:0;flex:1;font-size:10px}.compare-controls button{white-space:nowrap;font-size:10px}.comparison-results{display:grid;gap:6px;margin-top:8px}.comparison-results>div{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:7px 8px;border:1px solid #e8edf3;border-radius:8px;background:#f8fafc}.comparison-results span{font-size:9px;color:#667085}.comparison-results b{font-size:10.5px}.comparison-results small{font-size:9px;color:#98a2b3;grid-column:2/-1}.comparison-results p{margin:2px 0;color:#667085;font-size:9.5px;line-height:1.4}.delta-up{color:#b42318!important}.delta-down{color:#067647!important}.warning-clickable{cursor:pointer;padding-right:24px}.warning-clickable:after{content:'↗';position:absolute;right:9px;top:9px;color:#b54708;font-weight:800}.warning-clickable:hover{border-color:#f8c36d;background:#fff6dc}.viewer-toast{position:fixed}.toast#viewerToast{position:fixed;right:22px;bottom:22px;z-index:1200;background:#101828;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:0 12px 30px rgba(16,24,40,.2);font-size:12px}.toast#viewerToast[hidden]{display:none}@media(max-width:1250px){.cost-inputs{grid-template-columns:1fr 1fr}.cost-results{grid-template-columns:repeat(3,1fr)}.micro-metrics,.advanced-time{grid-template-columns:1fr 1fr}}@media(max-width:1050px){.cost-section{grid-column:auto}.cost-results{grid-template-columns:repeat(5,1fr)}}@media(max-width:780px){.canvas-tools{flex-wrap:wrap}.cost-inputs,.cost-results,.setup-grid,.recommendation-grid,.tech-fields,.diagnostic-grid{grid-template-columns:1fr}.recommendation-grid>p,.tech-fields .wide,.diagnostic-grid .wide{grid-column:auto}.cost-results{grid-template-columns:1fr 1fr}.thread-fields{width:100%;grid-template-columns:30px 1fr 1fr}.advanced-time,.micro-metrics{grid-template-columns:1fr 1fr}}.preflight-target-highlight{animation:preflightTargetPulse .7s ease-in-out 3!important;border-color:#f97316!important;box-shadow:0 0 0 4px rgba(249,115,22,.22),0 8px 24px rgba(249,115,22,.16)!important}.viewer-section.preflight-target-highlight{border-color:#f97316!important}@keyframes preflightTargetPulse{0%,100%{box-shadow:0 0 0 3px rgba(249,115,22,.16),0 4px 14px rgba(249,115,22,.08)}50%{box-shadow:0 0 0 7px rgba(249,115,22,.28),0 10px 26px rgba(249,115,22,.18)}}
.readiness-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.readiness-title-row>b{font-size:11px;color:#475467}.readiness-progress{height:7px;margin-top:6px;border-radius:999px;background:rgba(148,163,184,.2);overflow:hidden}.readiness-progress i{display:block;height:100%;border-radius:inherit;background:#f59e0b;transition:width .25s ease}.readiness-ok .readiness-progress i{background:#16a34a}.readiness-bad .readiness-progress i{background:#dc2626}.preflight-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.preflight-actions .preflight-button{margin-top:0}.preflight-next{width:100%;height:36px;border:1px solid #84adff;border-radius:8px;background:#eef4ff;color:#175cd3;font-weight:800;cursor:pointer}.preflight-next:hover:not(:disabled){background:#dbeafe}.preflight-next:disabled{border-color:#e4e7ec;background:#f8fafc;color:#98a2b3;cursor:default}@media(max-width:780px){.preflight-actions{grid-template-columns:1fr}}