.spa-app{--spa-bg:#0d1017;--spa-card:#141923;--spa-card2:#10151d;--spa-line:#293241;--spa-text:#f4f7fb;--spa-muted:#9ca8b8;--spa-accent:#47d7ac;--spa-danger:#f07474;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--spa-text);background:var(--spa-bg);border:1px solid #1e2632;border-radius:22px;padding:18px;box-sizing:border-box;max-width:1200px;margin:24px auto}.spa-app *{box-sizing:border-box}.spa-toolbar,.spa-products-header{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.spa-kicker{font-size:11px;letter-spacing:.16em;color:var(--spa-accent);font-weight:800}.spa-file-name{font-size:20px;font-weight:750;margin-top:2px}.spa-file-meta,.spa-section-subtitle,.spa-note{color:var(--spa-muted);font-size:12px}.spa-actions{display:flex;gap:9px;flex-wrap:wrap}.spa-button,.spa-icon-button{appearance:none;border:1px solid var(--spa-line);background:#171e29;color:var(--spa-text);border-radius:11px;min-height:42px;padding:0 14px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.spa-button-primary{background:var(--spa-accent);color:#07110e;border-color:var(--spa-accent)}.spa-button:disabled,.spa-icon-button:disabled{opacity:.4;cursor:not-allowed}.spa-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:14px;margin-top:15px}.spa-card{background:var(--spa-card);border:1px solid var(--spa-line);border-radius:16px;padding:14px}.spa-dropzone{min-height:470px;position:relative;border:1px dashed #364253;border-radius:13px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#18212d 0,#0f141c 62%,#0c1017 100%);outline:none}.spa-dropzone.is-dragover{border-color:var(--spa-accent);box-shadow:inset 0 0 0 1px var(--spa-accent)}.spa-viewer{position:absolute;inset:0}.spa-viewer canvas{display:block;width:100%!important;height:100%!important}.spa-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--spa-muted);pointer-events:none}.spa-empty strong{color:var(--spa-text);font-size:18px}.spa-empty-icon{width:58px;height:58px;border:1px solid var(--spa-line);border-radius:16px;display:grid;place-items:center;font-weight:900;color:var(--spa-accent);background:#121823}.spa-view-controls{position:absolute;right:10px;bottom:10px;display:flex;gap:7px}.spa-icon-button{background:rgba(20,25,35,.88);backdrop-filter:blur(8px);min-height:36px}.spa-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:11px}.spa-metrics>div,.spa-estimate-results>div{background:var(--spa-card2);border:1px solid #222b38;border-radius:11px;padding:10px}.spa-metrics span,.spa-estimate-results span,.spa-product-stat span{display:block;color:var(--spa-muted);font-size:11px;margin-bottom:3px}.spa-metrics strong{font-size:14px}.spa-section-title{font-size:15px;font-weight:800}.spa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.spa-form-grid label,.spa-sort{font-size:12px;color:var(--spa-muted)}.spa-form-grid select,.spa-form-grid input[type=number],.spa-sort select{display:block;width:100%;margin-top:5px;min-height:42px;border:1px solid var(--spa-line);border-radius:10px;background:#0f141c;color:var(--spa-text);padding:0 10px;font:inherit;font-size:14px}.spa-range-label{grid-column:1/-1}.spa-range-label span{float:right;color:var(--spa-text);font-weight:700}.spa-range-label input{width:100%;accent-color:var(--spa-accent);margin-top:12px}.spa-estimate-results{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.spa-estimate-results strong{font-size:18px}.spa-result-primary{grid-column:1/-1;background:linear-gradient(135deg,rgba(71,215,172,.15),rgba(71,215,172,.04))!important;border-color:rgba(71,215,172,.35)!important}.spa-result-primary strong{font-size:28px;color:var(--spa-accent)}.spa-note{line-height:1.45;margin:11px 2px 0}.spa-products-card{margin-top:14px}.spa-sort{display:flex;align-items:center;gap:8px}.spa-sort select{width:auto;min-width:190px;margin:0}.spa-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.spa-product{background:var(--spa-card2);border:1px solid #222b38;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:12px}.spa-product.is-cheapest{border-color:rgba(71,215,172,.5);background:linear-gradient(160deg,rgba(71,215,172,.10),var(--spa-card2) 45%)}.spa-product-top{display:flex;justify-content:space-between;gap:12px}.spa-product-brand{font-size:11px;color:var(--spa-muted);text-transform:uppercase;letter-spacing:.08em}.spa-product-name{font-size:14px;font-weight:800;margin-top:2px}.spa-product-meta{font-size:12px;color:var(--spa-muted);margin-top:3px}.spa-badge{border:1px solid var(--spa-line);border-radius:999px;padding:4px 7px;font-size:10px;white-space:nowrap;height:max-content}.spa-product-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spa-product-stat strong{font-size:14px}.spa-product-link{margin-top:auto;color:var(--spa-accent);font-size:12px;font-weight:700;text-decoration:none}.spa-error{color:var(--spa-danger);font-size:13px}.spa-loading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(12,16,23,.68);z-index:3;font-size:13px;color:var(--spa-muted)}
@media(max-width:900px){.spa-grid{grid-template-columns:1fr}.spa-products{grid-template-columns:1fr 1fr}.spa-dropzone{min-height:390px}}
@media(max-width:620px){.spa-app{border-radius:14px;padding:11px}.spa-file-name{font-size:17px}.spa-actions{width:100%}.spa-button{flex:1}.spa-dropzone{min-height:320px}.spa-metrics{grid-template-columns:1fr 1fr}.spa-form-grid{grid-template-columns:1fr}.spa-range-label{grid-column:auto}.spa-products{grid-template-columns:1fr}.spa-estimate-results{grid-template-columns:1fr 1fr}.spa-products-header{align-items:flex-start}.spa-sort{width:100%;justify-content:space-between}.spa-sort select{flex:1;min-width:0}}
.spa-product-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.spa-badge-sale{border-color:rgba(240,116,116,.5);background:rgba(240,116,116,.12);color:#ff9c9c;font-weight:800}.spa-badge-drop{border-color:rgba(255,190,90,.45);background:rgba(255,190,90,.10);color:#ffd08a}.spa-old-price{display:block;color:var(--spa-muted);text-decoration:line-through;margin-top:2px}.spa-list-note{grid-column:1/-1;color:var(--spa-muted);font-size:12px;padding:8px 2px}
@media(max-width:900px){.spa-product-filters{width:100%;justify-content:flex-start}}
.spa-product-heading{display:flex;align-items:flex-start;gap:10px;min-width:0}.spa-color-swatch{--spa-swatch:#9aa3ad;width:18px;height:18px;border-radius:50%;background:var(--spa-swatch);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);flex:0 0 auto;margin-top:2px}.spa-variant-label{font-size:11px;color:var(--spa-muted)}.spa-variant-select{display:block;width:100%;margin-top:5px;min-height:40px;border:1px solid var(--spa-line);border-radius:9px;background:#0f141c;color:var(--spa-text);padding:0 9px;font:inherit;font-size:12px}.spa-product-filters .spa-sort select{min-width:140px}.spa-product-filters .spa-sort:last-child select{min-width:180px}
@media(max-width:620px){.spa-product-filters{width:100%}.spa-product-filters .spa-sort{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px}.spa-product-filters .spa-sort select{width:100%;min-width:0}}