.spactify-remodel-shell,.spactify-remodel-shell *{box-sizing:border-box}.spactify-remodel-shell{width:min(1180px,100%);max-width:calc(100vw - 32px);margin:clamp(24px,4vw,56px) auto;color:var(--color-foreground, #1f1f1f);background:var(--color-background, #ffffff);font-family:var(--font-body--family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);overflow-x:hidden;overflow-x:clip}.spactify-remodel-shell [hidden]{display:none!important}.spactify-page-heading{margin:0 0 clamp(24px,4vw,40px)}.spactify-page-heading h1,.spactify-upload-column h2,.spactify-style-column h2,.spactify-products-heading h2{margin:0;color:var(--color-foreground, #1f1f1f);font-family:var(--font-heading--family, var(--font-body--family, system-ui, sans-serif));font-weight:var(--font-heading--weight, 650);letter-spacing:0}.spactify-page-heading h1{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15}.spactify-page-heading p{max-width:680px;margin:8px 0 0;color:#1f1f1fb8;color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 72%,transparent);font-size:clamp(.875rem,1.2vw,1rem);line-height:1.5}.spactify-input-section{display:grid;grid-template-columns:minmax(320px,1.08fr) minmax(0,1fr);gap:clamp(20px,2.4vw,32px);align-items:stretch}.spactify-upload-column,.spactify-style-column{min-width:0;display:flex;flex-direction:column}.spactify-upload-column h2,.spactify-style-column h2,.spactify-products-heading h2{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.25;margin-bottom:14px}.spactify-upload-zone{flex:none;height:var(--spactify-input-stage-height, clamp(340px, 32vw, 390px));min-height:0;overflow:hidden;border:1px dashed rgba(31,31,31,.28);border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 28%,transparent);border-radius:8px;background:#1f1f1f08;background:color-mix(in srgb,var(--color-foreground, #1f1f1f) 3%,var(--color-background, #ffffff));display:flex;align-items:center;justify-content:center;padding:clamp(18px,3vw,28px);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.spactify-upload-zone.has-image{border-style:solid;border-color:#1f1f1f29;border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 16%,transparent);background:var(--color-background, #ffffff);padding:clamp(12px,1.5vw,18px);box-shadow:inset 0 0 0 1px #1f1f1f0a}.spactify-upload-zone:hover,.spactify-upload-zone.is-dragging,.spactify-upload-zone:focus-visible{border-color:var(--color-accent, #5f6f52);background:#5f6f5214;outline:none;box-shadow:0 0 0 3px #5f6f521f}.spactify-upload-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.spactify-upload-mark{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(31,31,31,.18);border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 18%,transparent);font-size:1.7rem;line-height:1}.spactify-upload-empty p{margin:4px 0 0;font-weight:650}.spactify-upload-empty span:not(.spactify-upload-mark){color:#1f1f1f9e;color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 62%,transparent);font-size:.92rem}.spactify-upload-preview{position:relative;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.spactify-upload-preview img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;border-radius:6px}.spactify-remove-button{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;color:#fff;background:#000000b8;cursor:pointer;font-size:1.45rem;line-height:1}.spactify-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.3vw,16px)}.spactify-style-card{position:relative;overflow:hidden;min-height:0;aspect-ratio:1 / 1;padding:0;border:1px solid rgba(31,31,31,.16);border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 16%,transparent);border-radius:8px;background:var(--color-background, #ffffff);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.spactify-style-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0000001f}.spactify-style-card:focus-visible{outline:2px solid var(--color-accent, #5f6f52);outline-offset:3px}.spactify-style-card.is-selected{transform:none;border-color:var(--color-accent, #5f6f52);box-shadow:0 0 0 3px #5f6f523d,0 16px 34px #00000029;z-index:1}.spactify-style-card img{display:block;width:100%;height:100%;object-fit:contain}.spactify-style-name{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 10px;color:#fff;background:linear-gradient(to top,#000000b8,#0000);font-weight:700;font-size:clamp(.78rem,1.2vw,.98rem);line-height:1.2;text-align:left}.spactify-style-check{position:absolute;top:9px;right:9px;width:26px;height:26px;border-radius:50%;display:none;align-items:center;justify-content:center;color:var(--color-background, #ffffff);background:var(--color-accent, #5f6f52);font-size:.95rem;font-weight:800}.spactify-style-card.is-selected .spactify-style-check{display:flex}.spactify-generate-row{display:flex;justify-content:center;margin:clamp(24px,4vw,42px) 0}.spactify-primary-button,.spactify-secondary-button{min-height:46px;border-radius:8px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}.spactify-primary-button{border:1px solid var(--color-accent, #5f6f52);color:var(--color-background, #ffffff);background:var(--color-accent, #5f6f52)}.spactify-primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #00000024}.spactify-primary-button:disabled{opacity:.48;cursor:not-allowed}.spactify-secondary-button{border:1px solid rgba(31,31,31,.2);border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 20%,transparent);color:var(--color-foreground, #1f1f1f);background:var(--color-background, #ffffff)}.spactify-secondary-button:hover{background:#1f1f1f0d;background:color-mix(in srgb,var(--color-foreground, #1f1f1f) 5%,var(--color-background, #ffffff))}#generate-btn{min-width:min(100%,260px);font-size:1.05rem}.spactify-output-section{margin-top:clamp(16px,3vw,34px)}.spactify-recommendation-panel{width:min(760px,100%);margin:0 auto;padding:clamp(18px,3vw,28px);border:1px solid rgba(31,31,31,.14);border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 14%,transparent);border-radius:8px}.spactify-recommendation-analysis{margin:0 0 16px;color:#1f1f1fa8;color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 66%,transparent);font-size:.94rem;line-height:1.45}.spactify-progress-panel{min-height:330px;border:1px solid rgba(31,31,31,.14);border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 14%,transparent);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(22px,4vw,44px)}.spactify-progress-list{width:min(780px,100%);margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.spactify-progress-step{min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#1f1f1f85;color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 52%,transparent)}.spactify-progress-step span{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(31,31,31,.2);border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 20%,transparent);background:var(--color-background, #ffffff);font-weight:800}.spactify-progress-step p{margin:0;font-size:clamp(.82rem,1.2vw,.96rem);line-height:1.35}.spactify-progress-step-copy{width:min(240px,100%);display:flex;flex-direction:column;align-items:center;gap:8px}.spactify-generation-feedback{display:none;width:min(560px,100%);margin-top:28px}.spactify-progress-panel[data-stage=generating] .spactify-generation-feedback,.spactify-progress-panel[data-stage=done] .spactify-generation-feedback{display:block}.spactify-generation-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px;color:var(--color-foreground, #1f1f1f);font-size:.95rem;font-weight:700}.spactify-generation-heading strong{font-size:clamp(1.25rem,2vw,1.6rem);line-height:1;font-variant-numeric:tabular-nums}.spactify-generation-meter{width:100%;height:14px;border:1px solid rgba(31,31,31,.14);border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 14%,transparent);border-radius:8px;background:#1f1f1f14;background:color-mix(in srgb,var(--color-foreground, #1f1f1f) 8%,transparent);overflow:hidden}.spactify-generation-meter-fill{width:0%;height:100%;border-radius:inherit;background:var(--color-accent, #5f6f52);transition:width .5s ease}.spactify-generation-status{margin:10px 0 0;min-height:36px;color:#1f1f1f9e;color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 62%,transparent);font-size:.92rem;line-height:1.45;text-align:center;font-variant-numeric:tabular-nums}.spactify-progress-step.is-active,.spactify-progress-step.is-complete{color:var(--color-foreground, #1f1f1f)}.spactify-progress-step.is-active span{color:var(--color-background, #ffffff);border-color:var(--color-accent, #5f6f52);background:var(--color-accent, #5f6f52);animation:spactify-breath 2s infinite ease-in-out}@keyframes spactify-breath{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent, #5f6f52) 16%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--color-accent, #5f6f52) 4%,transparent)}to{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent, #5f6f52) 16%,transparent)}}.spactify-progress-step.is-complete span{color:var(--color-background, #ffffff);border-color:var(--color-accent, #5f6f52);background:var(--color-accent, #5f6f52)}.spactify-progress-panel[data-stage=generating] .spactify-generation-status,.spactify-progress-panel[data-stage=done] .spactify-generation-status{color:var(--color-foreground, #1f1f1f)}.spactify-progress-error{margin:18px 0 0;color:#b42318;text-align:center}.spactify-result-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:clamp(22px,3vw,38px);align-items:start}.spactify-result-main{min-width:0}.spactify-result-main .spactify-progress-panel{min-height:min(58vh,560px)}.spactify-after-panel{margin:0}.spactify-after-panel figcaption{margin-bottom:12px;font-family:var(--font-heading--family, var(--font-body--family, system-ui, sans-serif));font-size:clamp(1.15rem,2vw,1.5rem);font-weight:var(--font-heading--weight, 650)}.spactify-comparison{--spactify-compare-position: 50%;width:100%;text-align:center}.spactify-comparison-stage{position:relative;max-width:100%;margin:0 auto;display:inline-block;overflow:hidden;border:1px solid rgba(31,31,31,.12);border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 12%,transparent);border-radius:8px;background:#1f1f1f0a;background:color-mix(in srgb,var(--color-foreground, #1f1f1f) 4%,var(--color-background, #ffffff));line-height:0}.spactify-comparison-before,.spactify-comparison-after{display:block;width:auto;max-width:100%;height:auto;max-height:min(78vh,900px);margin:0 auto;object-fit:contain}.spactify-comparison-after{position:relative;z-index:1}.spactify-comparison-before-wrap{display:none}.spactify-comparison[data-mode=compare] .spactify-comparison-before-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;overflow:hidden;clip-path:inset(0 calc(100% - var(--spactify-compare-position, 50%)) 0 0)}.spactify-comparison[data-mode=compare] .spactify-comparison-before{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.spactify-comparison[data-mode=after-only] .spactify-comparison-label,.spactify-comparison[data-mode=after-only] .spactify-comparison-divider,.spactify-comparison[data-mode=after-only] .spactify-comparison-slider{display:none}.spactify-comparison-label{position:absolute;top:10px;z-index:1;padding:6px 9px;border-radius:999px;color:#fff;background:#000000a3;font-size:.75rem;font-weight:800;line-height:1;pointer-events:none}.spactify-comparison-label-before{left:10px}.spactify-comparison-label-after{right:10px}.spactify-comparison-divider{position:absolute;top:0;bottom:0;left:var(--spactify-compare-position, 50%);z-index:4;width:2px;background:#fff;box-shadow:0 0 0 1px #0000002e,0 0 18px #00000047;transform:translate(-1px);pointer-events:none}.spactify-comparison-divider span{position:absolute;top:50%;left:50%;width:42px;height:42px;border:2px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1f1f1fb8;box-shadow:0 10px 26px #00000047;transform:translate(-50%,-50%)}.spactify-comparison-divider span:before{content:"";width:15px;height:15px;border-left:2px solid #ffffff;border-right:2px solid #ffffff}.spactify-comparison-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:none}.spactify-products-panel{min-width:0}.spactify-products-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}#product-count{color:#1f1f1f9e;color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 62%,transparent);font-size:.92rem;white-space:nowrap}.spactify-products-list{display:flex;flex-direction:column;gap:12px}.spactify-product-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;padding:12px;border:1px solid rgba(31,31,31,.14);border-color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 14%,transparent);border-radius:8px;background:var(--color-background, #ffffff);color:inherit;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}a.spactify-product-card:hover,a.spactify-product-card:focus-visible{border-color:var(--color-accent, #5f6f52);box-shadow:0 10px 22px #0000001a;transform:translateY(-1px);outline:none}.spactify-product-card img,.spactify-product-image-empty{width:82px;height:82px;border-radius:6px;object-fit:cover;background:#1f1f1f0f;background:color-mix(in srgb,var(--color-foreground, #1f1f1f) 6%,var(--color-background, #ffffff))}.spactify-product-card h3{margin:0 0 6px;color:var(--color-foreground, #1f1f1f);font-size:.98rem;line-height:1.25;font-weight:700}.spactify-product-card p{margin:0 0 5px;color:#1f1f1fa8;color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 66%,transparent);font-size:.86rem;line-height:1.35}.spactify-product-meta{color:#1f1f1f85;color:color-mix(in srgb,var(--color-foreground, #1f1f1f) 52%,transparent);font-size:.78rem;font-weight:700}.spactify-product-price{display:inline-block;margin-top:4px;font-weight:800}.spactify-result-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}@media(max-width:980px){.spactify-input-section,.spactify-result-grid{grid-template-columns:1fr}.spactify-upload-zone{flex:none;height:320px}}@media(max-width:767px){.spactify-remodel-shell{max-width:calc(100vw - 28px);margin-top:24px}.spactify-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spactify-progress-panel{min-height:0;align-items:stretch}.spactify-progress-list{grid-template-columns:1fr;gap:12px}.spactify-progress-step{display:grid;grid-template-columns:42px minmax(0,1fr);text-align:left;align-items:center}.spactify-progress-step-copy{width:100%;align-items:flex-start}.spactify-generation-feedback{margin-top:22px}.spactify-generation-status{text-align:left}.spactify-comparison-label{top:8px;font-size:.7rem}.spactify-comparison-label-before{left:8px}.spactify-comparison-label-after{right:8px}.spactify-comparison-divider span{width:38px;height:38px}}@media(max-width:340px){.spactify-style-grid{grid-template-columns:1fr}.spactify-product-card{grid-template-columns:70px minmax(0,1fr)}.spactify-product-card img,.spactify-product-image-empty{width:70px;height:70px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/spactify-remodel.css.map */