body{background:#0a0a0f;margin:0}:root{--bg:#f4f8f6;--surface:#ffffffb8;--surface-strong:#fff;--surface-soft:#f8fbf9eb;--border:#b2c8bc8c;--border-strong:#84aa95cc;--text:#182b23;--text-muted:#5a7166;--accent:#37a26d;--accent-hover:#2d8d5d;--accent-glow:#37a26d42;--danger:#c35c5c;--radius:24px;--radius-sm:16px;--shadow-soft:0 14px 44px #2d523e1f;--shadow-lift:0 22px 55px #2d523e29;--transition-smooth:.32s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);letter-spacing:-.012em;background:radial-gradient(circle at 10% -10%,#fff 0%,#f0f7f3 46%,#e9f3ee 100%);min-height:100vh;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.app{max-width:1160px;margin:0 auto;padding:1.3rem 1.3rem 3.5rem}.main{flex-direction:column;gap:3.5rem;display:flex}.main>section{animation:riseIn .56s var(--transition-smooth) both}.main>section:nth-child(2){animation-delay:90ms}.main>section:nth-child(3){animation-delay:.14s}.main>section:nth-child(4){animation-delay:.19s}.main>section:nth-child(5){animation-delay:.24s}.topbar{z-index:10;border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);transition:background var(--transition-smooth), box-shadow var(--transition-smooth);background:linear-gradient(135deg,#ffffffd6,#f6fcf8b8);justify-content:space-between;align-items:center;gap:1.2rem;margin-bottom:2rem;padding:.82rem 1.1rem;display:flex;position:sticky;top:0;box-shadow:0 8px 26px #315a441c}.transform-page .topbar{transition:transform var(--transition-smooth), opacity var(--transition-smooth), background var(--transition-smooth), box-shadow var(--transition-smooth)}.transform-page .topbar.topbar-hidden{opacity:0;pointer-events:none;transform:translateY(-140%)}.transform-page.app{max-width:1320px;padding:1rem 1.25rem 2.5rem}.transform-main{gap:1.25rem}.transform-workspace{grid-template-columns:minmax(0,1fr) 276px;align-items:stretch;gap:1.15rem;min-height:calc(100vh - 120px);display:grid}.transform-canvas-column{flex-direction:column;min-width:0;display:flex}.transform-canvas-shell{background:#121415;border:1px solid #ffffff14;border-radius:22px;flex:1;min-height:min(74vh,720px);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.transform-canvas-eyebrow{z-index:3;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;pointer-events:none;font-size:.72rem;font-weight:700;position:absolute;top:1rem;left:1.1rem}.transform-canvas-shell>.uploader-hero{height:100%;min-height:min(74vh,720px)}.uploader-hero{height:100%;position:relative}.uploader-hero-frame{transform-origin:50%;justify-content:center;align-items:center;height:100%;min-height:min(74vh,720px);transition:transform .18s ease-out;display:flex}.drop-zone-hero{width:100%;height:100%}.drop-zone-hero .preview-img{object-position:center;object-fit:contain!important}.drop-zone-hero .drop-placeholder{padding:2rem}.drop-zone-hero .drop-text,.drop-zone-hero .drop-hint{color:#ffffffd1}.drop-zone-hero .drop-icon{color:#ffffff73}.drop-placeholder-hero{text-align:center;flex-direction:column;align-items:center;gap:.65rem;max-width:22rem;display:flex;padding:2.5rem 2rem!important}.hero-upload-badge{letter-spacing:.12em;text-transform:uppercase;color:#7c5cfff2;background:#7c5cff24;border:1px solid #7c5cff59;border-radius:999px;padding:.28rem .65rem;font-size:.65rem;font-weight:750}.hero-upload-icon{color:#ffffff80;margin:.35rem 0 .15rem}.hero-upload-title{letter-spacing:-.03em;font-weight:700;color:#fffffff0!important;margin:0!important;font-size:1.25rem!important}.hero-upload-sub{max-width:18rem;color:#ffffffc7!important;font-size:.88rem!important;line-height:1.45!important}.hero-upload-tips{color:#ffffffb8;text-align:left;flex-direction:column;gap:.4rem;width:100%;max-width:17rem;margin:.75rem 0 0;padding:0;font-size:.78rem;list-style:none;display:flex}.hero-upload-tips li{padding-left:1rem;position:relative}.hero-upload-tips li:before{content:"";background:#37a26dd9;border-radius:50%;width:5px;height:5px;position:absolute;top:.45em;left:0}.uploader-swatch{gap:.35rem}.uploader-swatch .uploader-label{display:none}.drop-zone-swatch{background:#ffffff0f;border:1px dashed #7c5cff8c;border-radius:12px;flex-shrink:0;width:52px;min-width:52px;height:52px;min-height:52px;padding:0}.drop-zone-swatch.has-image{border-style:solid;border-color:#7c5cffd9;padding:0}.drop-zone-swatch .clear-btn{width:22px;height:22px;font-size:11px;top:4px;right:4px}.drop-placeholder-swatch{justify-content:center;align-items:center;height:100%;padding:0;display:flex}.swatch-plus{color:#7c5cffe6;font-size:1.35rem;font-weight:300;line-height:1}.drop-zone-swatch .preview-img{object-fit:cover;border-radius:10px}.material-swatch-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.transform-sidebar{background:linear-gradient(165deg,#fff 0%,#f8f9fb 100%);border:1px solid #c8d2dcd9;border-radius:20px;flex-direction:column;align-self:start;gap:.85rem;padding:1rem .95rem 1.1rem;display:flex;box-shadow:0 16px 40px #19233214}.transform-sidebar-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding-bottom:.35rem;display:flex}.transform-sidebar-title{letter-spacing:-.02em;font-size:.98rem;font-weight:750}.transform-sidebar-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.25rem;font-size:.68rem;font-weight:650}.transform-sidebar-hint{color:var(--text-muted);opacity:.92;margin-bottom:.55rem;font-size:.72rem;line-height:1.35}.transform-material-block{border-bottom:1px solid #0000000f;padding-bottom:.5rem}.texture-picker{flex-direction:column;gap:.55rem;display:flex}.texture-picker-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.texture-picker-scroll{scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.45rem;max-height:200px;margin:0 -4px 0 0;padding:2px 6px 2px 2px;display:grid;overflow:hidden auto}.texture-picker-scroll--many{max-height:260px}.texture-picker-scroll::-webkit-scrollbar{width:6px}.texture-picker-scroll::-webkit-scrollbar-thumb{background:#0000002e;border-radius:999px}.texture-tile{aspect-ratio:1;cursor:pointer;background:#0000000f;border:none;border-radius:12px;width:100%;padding:0;transition:box-shadow .15s,transform .15s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.texture-tile img{object-fit:cover;width:100%;height:100%;display:block}.texture-tile:hover:not(:disabled){transform:scale(1.02);box-shadow:inset 0 0 0 1px #5b3dd859}.texture-tile:disabled{cursor:wait;opacity:.85}.texture-tile--selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #5b3dd8f2}.texture-tile--upload{box-shadow:inset 0 0 0 1px dashed #7c5cff73;background:#7c5cff14;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;display:flex}.texture-tile--upload.texture-tile--selected{box-shadow:0 0 0 2px #fff, 0 0 0 4px #5b3dd8f2, inset 0 0 0 1px dashed #7c5cff73}.texture-tile-upload-icon{color:#5b3dd8f2;font-size:1.35rem;font-weight:300;line-height:1}.texture-tile-upload-label{letter-spacing:.04em;text-transform:uppercase;color:#5b3dd8e0;font-size:.58rem;font-weight:750}.texture-tile-loading{background:#ffffff8c radial-gradient(circle,#5b3dd859 2px,#0000 2.5px) 0 0/12px 12px;animation:.7s linear infinite textureShimmer;position:absolute;inset:0}@keyframes textureShimmer{to{background-position:12px 12px}}@media (prefers-reduced-motion:reduce){.texture-tile-loading{background:#ffffffa6;animation:none}}.texture-picker-custom-preview{background:#7c5cff0f;border:1px solid #7c5cff33;border-radius:10px;align-items:center;gap:.5rem;padding:.35rem .4rem;display:flex}.texture-picker-custom-thumb{border-radius:8px;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.texture-picker-custom-thumb img{object-fit:cover;width:100%;height:100%}.texture-picker-clear{color:#fff;cursor:pointer;background:#121216bf;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:10px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.texture-picker-clear:hover{background:var(--danger)}.texture-picker-custom-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.68rem;overflow:hidden}.transform-sidebar-controls{flex-direction:column;gap:.65rem;display:flex}.transform-sidebar-controls .selector-label{font-size:.72rem}.transform-sidebar-controls .option-grid{grid-template-columns:1fr;gap:.4rem}.transform-sidebar-controls .option-card{border-radius:11px;padding:.42rem .55rem}.transform-sidebar-controls .option-title{font-size:.8rem}.transform-sidebar-controls .option-subtitle{display:none}.transform-sidebar-controls .option-check{padding:.1rem .38rem;font-size:.62rem}.transform-sidebar-controls .option-icon{width:1.08rem;height:1.08rem}.transform-sidebar-controls .option-title-row{gap:.32rem}.transform-btn-apply{background:linear-gradient(145deg,#8364ff,#5b3dd8);border-radius:14px;justify-content:center;width:100%;margin-top:auto;padding:.72rem 1rem;box-shadow:0 10px 26px #5b3dd859}.transform-btn-apply:hover:not(:disabled){background:linear-gradient(145deg,#7860f0,#5132c9);box-shadow:0 12px 28px #5b3dd86b}.error-banner-sidebar{padding:.55rem .65rem;font-size:.78rem}.transform-canvas-toolbar{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1c1e22d1;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .55rem;display:flex;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.canvas-tool-btn{color:#ffffffeb;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.05rem;line-height:1;transition:background .15s,color .15s;display:flex}.canvas-tool-btn--labeled{letter-spacing:.02em;border-radius:999px;gap:.42rem;width:auto;height:auto;min-height:38px;padding:.42rem .85rem;font-family:inherit;font-size:.8rem;font-weight:650}.canvas-tool-icon{opacity:.92;font-size:.95rem;line-height:1}.canvas-tool-label{white-space:nowrap}.canvas-tool-btn:hover:not(:disabled){background:#ffffff1f}.canvas-tool-btn:disabled{opacity:.35;cursor:default}@media (width<=480px){.transform-canvas-toolbar:has(.canvas-tool-btn--labeled){border-radius:16px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 2rem)}.canvas-tool-btn--labeled{flex:auto;justify-content:center;min-width:min(160px,42vw);padding:.38rem .68rem;font-size:.74rem}}.result-viewer-canvas{background:0 0;border:none;border-radius:22px;flex-direction:column;height:100%;min-height:min(74vh,720px);display:flex;position:relative;overflow:hidden}.result-viewer-canvas .result-canvas-embed{background:#121415;flex:1;justify-content:center;align-items:center;min-height:min(74vh,720px);display:flex}.result-viewer-canvas .result-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(74vh,720px)}.result-viewer-canvas .result-loading{padding:3rem 1.5rem}.result-viewer-canvas .result-loading p{color:#ffffffe0}.result-viewer-canvas .loading-sub{color:#ffffff80}.result-description-floating{color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff1a;border-radius:10px;margin:0;padding:.5rem .65rem;font-size:.78rem;position:absolute;bottom:4rem;left:1rem;right:1rem}@media (width<=900px){.transform-workspace{grid-template-columns:1fr;min-height:auto}.transform-sidebar{order:2;max-width:none}.transform-canvas-column{order:1;min-height:min(56vh,480px)}.transform-canvas-shell,.uploader-hero-frame,.drop-zone-hero,.result-viewer-canvas,.result-viewer-canvas .result-canvas-embed{min-height:min(56vh,480px)}}.brand{letter-spacing:-.03em;font-size:1.2rem;font-weight:700}.topbar-nav{color:var(--text-muted);align-items:center;gap:1.2rem;font-size:.92rem;font-weight:600;display:flex}.topbar-nav a:hover{color:var(--text)}.topbar-cta{color:#fff;cursor:pointer;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), background var(--transition-smooth);background:linear-gradient(145deg,#58be86,#369c68);border:none;border-radius:999px;padding:.62rem 1.15rem;font-weight:600}.topbar-cta:hover{background:linear-gradient(145deg,#4cb57e,#2f8f5f);transform:translateY(-1px);box-shadow:0 10px 22px #37a26d57}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:2.2rem;display:grid}.hero-copy h1{letter-spacing:-.04em;margin-bottom:.95rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.04}.hero-copy p{max-width:34rem;color:var(--text-muted);font-size:1.04rem}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);margin-bottom:.65rem;font-size:.78rem;font-weight:700}.hero-btn{border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth);background:#ffffffc7;border-radius:999px;margin-top:1.4rem;padding:.72rem 1.35rem;font-weight:600;display:inline-flex}.hero-btn:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 8px 24px #345e4724}.hero-media img,.visualizer-media img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-soft);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);display:block}.hero-media img:hover,.visualizer-media img:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)scale(1.008)}.visualizer-intro{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.visualizer-copy h2{letter-spacing:-.025em;margin-bottom:.95rem;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15}.visualizer-copy p{color:var(--text-muted);margin-bottom:.7rem}.benefits h2{text-align:center;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(1.8rem,3vw,2.9rem)}.benefits h2 span{color:var(--accent)}.benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.benefit-item{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth);background:linear-gradient(165deg,#ffffffc7,#f7fcf9db);border:1px solid #b4ccbf9e;padding:1.05rem;box-shadow:0 6px 18px #385b4814}.benefit-item:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 14px 30px #385b4821}.benefit-item h3{margin-bottom:.35rem;font-size:1.2rem;line-height:1.2}.benefit-item p{color:var(--text-muted);font-size:.94rem}.workflow h2{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.5rem,2.2vw,2.1rem)}.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.workflow-step{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);background:#ffffffc2;border:1px solid #b6cdc194;padding:.95rem}.workflow-step:hover{transform:translateY(-3px);box-shadow:0 12px 30px #32534121}.workflow-step h3{margin-bottom:.3rem;font-size:1rem}.workflow-step p{color:var(--text-muted);font-size:.9rem}.try-live{border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(165deg,#ffffffc7,#f6fcf8eb);border:1px solid #acc6b88f;padding:1.35rem}.try-header{margin-bottom:1rem}.try-header h2{letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.7rem}.try-header p{color:var(--text-muted)}.try-live-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-btn-secondary{color:#5b3dd8;background:#5b3dd81a;border-color:#5b3dd859}.hero-btn-secondary:hover{background:#5b3dd82e;border-color:#5b3dd88c;box-shadow:0 8px 24px #5b3dd824}.upload-section{margin-bottom:1rem}.upload-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.uploader{flex-direction:column;gap:.5rem;display:flex}.uploader-label{align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;display:flex}.drop-zone{border-radius:var(--radius-sm);cursor:pointer;min-height:240px;transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth), background var(--transition-smooth), transform var(--transition-smooth);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbfefce0;border:1px dashed #76a38ab8;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.drop-zone:hover{border-color:var(--accent);transform:translateY(-2px)}.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-glow);box-shadow:inset 0 0 30px var(--accent-glow)}.drop-zone.has-image{cursor:default;border-style:solid}.drop-zone.drop-zone-hero{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(at 50% 30%,#37a26d24,#0000 55%),#121415;border:none;border-radius:0;width:100%;height:100%;min-height:min(74vh,720px)}.drop-zone.drop-zone-hero:hover{box-shadow:none;border-color:#0000;transform:none}.drop-zone.drop-zone-hero.drag-over{background:radial-gradient(at 50% 30%,#37a26d3d,#0000 55%),#151a18;box-shadow:inset 0 0 48px #37a26d1f}.drop-zone.drop-zone-hero .browse-link{color:#8aebad;font-weight:600}.drop-zone.drop-zone-hero .drop-placeholder-hero{z-index:1;position:relative}.preview-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preview-img.preview-img-contain{object-fit:contain;object-position:center}.clear-btn{color:#fff;cursor:pointer;z-index:2;background:#122c20b8;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;position:absolute;top:8px;right:8px}.clear-btn:hover{background:var(--danger)}.drop-placeholder{text-align:center;padding:2rem}.drop-icon{color:var(--text-muted);margin-bottom:.75rem}.drop-text{color:var(--text);margin-bottom:.25rem;font-size:.95rem}.browse-link{color:var(--accent);cursor:pointer;text-decoration:underline}.drop-hint{color:var(--text-muted);font-size:.82rem}.controls-section{flex-direction:column;gap:.95rem;display:flex}.surface-selector{flex-direction:column;gap:.65rem;display:flex}.selector-label{font-size:.9rem;font-weight:700}.surface-options{flex-wrap:wrap;gap:.5rem;display:flex}.surface-option{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--transition-smooth);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border-radius:999px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.surface-option:hover{border-color:var(--accent);color:var(--text)}.surface-option.active{border-color:var(--accent);background:var(--accent-glow);color:var(--text)}.surface-icon{font-size:1rem}.option-grid{gap:.7rem;display:grid}.option-grid-models,.option-grid-surfaces{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card{text-align:left;color:var(--text);cursor:pointer;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth), background var(--transition-smooth);background:linear-gradient(160deg,#ffffffd6,#f5fbf7eb);border:1px solid #aac2b5b8;border-radius:14px;padding:.75rem .8rem}.option-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 12px 24px #3055411c}.option-card:focus-visible{outline-offset:2px;outline:2px solid #37a26d66}.option-card.active{background:linear-gradient(150deg,#e8f9effa,#f5fcf8f2);border-color:#37a26dd1;box-shadow:0 0 0 1px #37a26d3d,0 14px 26px #30574229}.option-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.24rem;display:flex}.option-title-row{align-items:center;gap:.42rem;min-width:0;display:flex}.option-icon{width:1.28rem;height:1.28rem;color:var(--text-muted);flex-shrink:0}.option-icon svg{width:100%;height:100%;display:block}.option-card.active .option-icon{color:var(--accent)}.option-card:hover:not(.active) .option-icon{color:var(--text)}.option-title{letter-spacing:-.01em;font-size:.94rem;font-weight:650}.option-check{color:var(--text-muted);background:#ffffffbd;border:1px solid #aac2b5d9;border-radius:999px;padding:.14rem .46rem;font-size:.72rem;font-weight:600}.option-card.active .option-check{color:#1c5c3a;background:#d7f4e3f2;border-color:#37a26d8c}.option-subtitle{color:var(--text-muted);font-size:.8rem;line-height:1.35;display:block}.transform-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:fit-content;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), background var(--transition-smooth), opacity var(--transition-smooth);background:linear-gradient(145deg,#58be86,#369c68);border:none;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.96rem;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #37a26d47}.transform-btn:hover:not(:disabled){background:linear-gradient(145deg,#4eb47f,#2f8f5f);transform:translateY(-1px);box-shadow:0 14px 30px #37a26d57}.transform-btn:disabled{opacity:.45;cursor:not-allowed}.btn-loading{align-items:center;gap:.5rem;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{border-radius:var(--radius-sm);color:#8d3535;background:#c35c5c26;border:1px solid #c35c5c59;padding:.75rem 1rem;font-size:.9rem}.result-section{margin-top:.8rem}.result-viewer{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(165deg,#ffffffc7,#f7fcf9e6);border:1px solid #b2cbbd9e;overflow:hidden}.result-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.result-header h2{font-size:1.1rem;font-weight:700}.result-actions{gap:.5rem;display:flex}.toggle-btn,.download-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:all var(--transition-smooth);-webkit-user-select:none;user-select:none;background:#ffffffc7;padding:.4rem .85rem;font-size:.8rem}.toggle-btn:hover,.download-btn:hover{border-color:var(--accent);background:var(--accent-glow)}.result-canvas{background:#eaf6ef;justify-content:center;align-items:center;min-height:300px;display:flex}.result-img{width:100%;display:block}.result-loading{text-align:center;padding:4rem 2rem}.loading-animation{justify-content:center;margin-bottom:1.5rem;display:flex}.loading-ring{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.result-loading p{color:var(--text);margin-bottom:.25rem;font-size:1rem}.loading-sub{color:var(--text-muted);font-size:.85rem}.result-description{border-top:1px solid var(--border);color:var(--text-muted);padding:1rem 1.25rem;font-size:.85rem}.footer{text-align:center;margin-top:2.5rem}.footer p{color:var(--text-muted);font-size:.86rem}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=960px){.hero,.visualizer-intro{grid-template-columns:1fr}.benefit-grid,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-nav{display:none}}@media (width<=640px){.app{padding:1rem}.upload-grid,.benefit-grid,.workflow-grid{grid-template-columns:1fr}.transform-btn{justify-content:center;width:100%}.option-grid-models,.option-grid-surfaces{grid-template-columns:1fr}}.wizart-page{max-width:1400px;min-height:100vh;color:var(--text);margin:0 auto;padding:2rem 1.5rem 3rem}.wizart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.wizart-header h1{letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.75rem;font-weight:700}.header-icon{color:var(--accent)}.wizart-lead{color:var(--text-muted);max-width:560px;font-size:.95rem}.wizart-lead a{color:var(--accent);text-decoration:none}.wizart-lead a:hover{text-decoration:underline}.wizart-back-link{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.9rem;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.wizart-back-link:hover{border-color:var(--border-hover);color:var(--text)}.viz-layout{grid-template-columns:380px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1000px){.viz-layout{grid-template-columns:1fr}}.viz-sidebar{flex-direction:column;gap:1.25rem;max-height:calc(100vh - 160px);padding-right:.5rem;display:flex;overflow-y:auto}.viz-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.viz-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.viz-grid-rooms{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;display:grid}.viz-room-card{background:var(--surface-2);border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:.3rem;padding:.35rem;transition:border-color .15s,transform .1s;display:flex}.viz-room-card img{aspect-ratio:4/3;object-fit:cover;border-radius:4px;width:100%}.viz-room-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.viz-room-card--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.viz-room-name{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;line-height:1.2;overflow:hidden}.viz-mode-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);gap:0;margin-bottom:.75rem;display:flex;overflow:hidden}.viz-mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem .75rem;font-size:.82rem;font-weight:500;transition:background .15s,color .15s}.viz-mode-btn:hover{background:var(--surface-2)}.viz-mode-btn--active{background:var(--accent);color:#fff}.viz-dropdown-group{margin-bottom:.75rem}.viz-label{color:var(--text-muted);flex-direction:column;gap:.3rem;margin-bottom:.5rem;font-size:.82rem;font-weight:500;display:flex}.viz-select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:.55rem .65rem;font-family:inherit;font-size:.88rem}.viz-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.viz-grid-articles{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.4rem;display:grid}.viz-article-card{background:var(--surface-2);border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:.2rem;padding:.25rem;transition:border-color .15s;display:flex}.viz-article-card img{aspect-ratio:1;object-fit:cover;border-radius:3px;width:100%}.viz-article-card:hover{border-color:var(--border-hover)}.viz-article-card--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.viz-article-name{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.68rem;line-height:1.1;overflow:hidden}.viz-article-placeholder{aspect-ratio:1;background:var(--surface);width:100%;color:var(--text-muted);border-radius:3px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.viz-articles{flex-direction:column;gap:.5rem;display:flex}.viz-pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.viz-page-label{color:var(--text-muted);font-size:.82rem}.viz-custom-upload{flex-direction:column;gap:.75rem;display:flex}.viz-upload-area{position:relative}.viz-file-input{width:100%;color:var(--text);font-size:.85rem}.viz-custom-preview{margin-top:.5rem;display:inline-block;position:relative}.viz-custom-preview img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:100px;height:100px}.viz-remove-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:22px;height:22px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;display:flex;position:absolute;top:-6px;right:-6px}.viz-upload-hint{color:var(--text-muted);margin-top:.25rem;font-size:.82rem}.viz-custom-fields{flex-direction:column;gap:.5rem;display:flex}.viz-apply-options{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.viz-row2{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.viz-apply-section{padding:1rem 1.25rem}.viz-apply-btn{width:100%}.viz-download-btn{text-align:center;text-decoration:none}.viz-viewport{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;min-height:500px;display:flex;position:sticky;top:2rem;overflow:hidden}.viz-placeholder{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.viz-placeholder-icon{opacity:.5;margin-bottom:1rem}.viz-placeholder h3{color:var(--text);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.viz-placeholder p{max-width:400px;font-size:.9rem;line-height:1.5}.viz-room-preview{flex-direction:column;align-items:center;width:100%;padding:1rem;display:flex}.viz-room-preview img{object-fit:contain;border-radius:var(--radius-sm);width:100%;max-height:600px}.viz-room-preview-label{color:var(--text-muted);text-align:center;margin-top:.75rem;font-size:.85rem}.viz-result{flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.viz-result-img{object-fit:contain;border-radius:var(--radius-sm);width:100%;max-height:600px}.viz-result-actions{flex-wrap:wrap;gap:.75rem;display:flex}.viz-error{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.viz-dismiss-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.25rem;font-size:1rem}.viz-loading{color:var(--text-muted);padding:.5rem 0;font-size:.82rem}.viz-empty{color:var(--text-muted);padding:.5rem 0;font-size:.82rem;font-style:italic}.viz-upload-room{border-top:1px dashed var(--border);margin-top:.75rem;padding-top:.75rem}.viz-upload-room-label{color:var(--text-muted);cursor:pointer;font-size:.82rem}.viz-vendor-code{flex-direction:column;gap:.5rem;display:flex}.viz-hint{color:var(--text-muted);font-size:.78rem;line-height:1.4}.viz-rooms-meta{color:var(--text-muted);margin:-.35rem 0 .5rem;font-size:.78rem}.viz-toggle-mask-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-bottom:.5rem;padding:.4rem .75rem;font-family:inherit;font-size:.82rem;transition:border-color .15s,color .15s}.viz-toggle-mask-btn:hover{border-color:var(--border-hover);color:var(--text)}.viz-mask-preview{margin-top:.5rem}.viz-mask-preview img{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%}.wizart-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:.55rem .65rem;font-family:inherit;font-size:.9rem}.wizart-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.wizart-secondary-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,color .15s}.wizart-secondary-btn:hover{border-color:var(--border-hover);color:var(--text)}.rv-page.transform-page.app{box-sizing:border-box;width:100%;max-width:1360px;padding-left:max(1rem, env(safe-area-inset-left,0px));padding-right:max(1rem, env(safe-area-inset-right,0px));padding-bottom:max(2rem, env(safe-area-inset-bottom,0px))}.rv-workspace{grid-template-columns:minmax(0,1fr) clamp(260px,28vw,320px);width:100%;min-width:0}.rv-workspace .transform-canvas-column,.rv-workspace .transform-sidebar{min-width:0}.rv-page .topbar{padding-left:max(.82rem, env(safe-area-inset-left,0px));padding-right:max(.82rem, env(safe-area-inset-right,0px));flex-wrap:wrap;row-gap:.5rem}.rv-page .transform-main{min-width:0}.rv-canvas-shell{justify-content:center;align-items:center;display:flex}.room-canvas-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.room-canvas{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:min(74vh,720px);display:block}@supports (height:1dvh){.room-canvas{max-height:min(74dvh,720px)}}.room-canvas-download{bottom:max(1rem, env(safe-area-inset-bottom,0px));right:max(1rem, env(safe-area-inset-right,0px));z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffffffeb;cursor:pointer;background:#1c1e22d1;border:none;border-radius:999px;padding:.48rem .95rem;font-size:.78rem;font-weight:650;transition:background .15s;position:absolute}.room-canvas-download:hover{background:#5b3dd8d9}.rv-segmenting-overlay{z-index:5;background:radial-gradient(at 50% 40%,#37a26d1f,#0000 55%),#121415;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rv-segmenting-content{text-align:center;padding:2rem max(1.25rem, env(safe-area-inset-left,0px)) 2rem max(1.25rem, env(safe-area-inset-right,0px));flex-direction:column;align-items:center;gap:.75rem;display:flex}.rv-spinner{border-width:3px;width:36px;height:36px}.rv-segmenting-content p{color:#ffffffe0;font-size:1rem;font-weight:600}.rv-seg-sub{max-width:20rem;color:#ffffff80!important;font-size:.85rem!important;font-weight:400!important}.rv-sidebar{gap:.75rem}.rv-sidebar-empty{text-align:center;padding:1rem .5rem}.rv-sidebar-empty p{color:var(--text);font-size:.88rem;font-weight:600}.rv-sidebar-empty-hint{margin-top:.35rem;line-height:1.45;color:var(--text-muted)!important;font-size:.78rem!important;font-weight:400!important}.rv-retry-btn{color:#8d3535;cursor:pointer;background:0 0;border:1px solid #c35c5c80;border-radius:999px;margin-left:.5rem;padding:.18rem .55rem;font-size:.72rem;font-weight:650}.rv-retry-btn:hover{background:#c35c5c1a}.rv-change-room-btn{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:#ffffffc7;border-radius:14px;padding:.62rem 1rem;font-size:.82rem;font-weight:600;transition:border-color .15s,background .15s}.rv-change-room-btn:hover{border-color:var(--border-strong);background:#fffffff2}.rv-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rv-clear-texture-btn{border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:999px;padding:.15rem .5rem;font-size:.65rem;font-weight:650;transition:color .15s,border-color .15s,background .15s}.rv-clear-texture-btn:hover{color:var(--danger);border-color:var(--danger);background:#c35c5c14}.rv-tex-controls{background:#00000006;border:1px solid #0000000a;border-radius:10px;flex-direction:column;gap:.4rem;margin-top:.45rem;padding:.5rem .45rem;display:flex}.rv-tex-control-row{align-items:center;gap:.4rem;display:flex}.rv-tex-control-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);min-width:36px;font-size:.62rem;font-weight:650}.rv-tex-slider{accent-color:#5b3dd8;cursor:pointer;flex:1;height:4px}.rv-tex-control-value{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:.65rem;font-weight:600}.rv-rotate-btns{flex:1;gap:.2rem;display:flex}.rv-rotate-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffffc7;border-radius:6px;flex:1;padding:.2rem 0;font-size:.6rem;font-weight:650;transition:all .12s}.rv-rotate-btn:hover{border-color:var(--border-strong);color:var(--text)}.rv-rotate-btn--active{color:#5b3dd8;background:#5b3dd81a;border-color:#5b3dd8b3}.rv-blend-block{border-bottom:none;padding-bottom:0}.rv-blend-block .rv-section-header .transform-sidebar-label{margin-bottom:0}.rv-blend-toggle{border:1px solid var(--border);letter-spacing:.02em;cursor:pointer;color:var(--text-muted);background:#ffffffe0;border-radius:999px;flex-shrink:0;padding:.24rem .72rem;font-size:.65rem;font-weight:750;transition:border-color .12s,background .12s,color .12s}.rv-blend-toggle:hover{border-color:var(--border-strong);color:var(--text)}.rv-blend-toggle--on{color:#2d8d5d;background:#37a26d1f;border-color:#37a26dbf}.rv-blend-hint{margin-top:.35rem!important;margin-bottom:.45rem!important}.rv-blend-options{flex-wrap:wrap;gap:.3rem;margin-top:.15rem;display:flex}.rv-blend-btn{border:1px solid var(--border);min-width:0;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffffc7;border-radius:8px;flex:1;padding:.3rem .4rem;font-size:.62rem;font-weight:650;transition:all .12s}.rv-blend-btn:hover{border-color:var(--border-strong);color:var(--text)}.rv-blend-btn--active{color:#2d8d5d;background:#37a26d1a;border-color:#37a26db3}.rv-mask-preview{gap:.5rem;display:flex}.rv-mask-thumb{flex-direction:column;flex:1;gap:.25rem;display:flex}.rv-mask-thumb img{border:1px solid var(--border);border-radius:8px;width:100%}.rv-mask-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.62rem;font-weight:650}@media (width<=1024px){.rv-workspace{grid-template-columns:1fr;gap:.9rem}.rv-workspace .transform-sidebar{align-self:stretch;max-width:none}}@media (width<=900px){.rv-canvas-shell{min-height:min(52vh,480px)}@supports (height:1dvh){.rv-canvas-shell{min-height:min(52dvh,480px)}}.rv-sidebar{padding:.75rem max(.75rem, env(safe-area-inset-left)) .85rem max(.75rem, env(safe-area-inset-right))}.rv-page .transform-main{gap:.85rem}}@media (width<=600px){.rv-page.transform-page.app{padding-top:.6rem;padding-left:max(.5rem, env(safe-area-inset-left,0px));padding-right:max(.5rem, env(safe-area-inset-right,0px))}.rv-page .topbar{border-radius:16px;margin-bottom:1rem}.rv-page .brand{font-size:1.02rem}.rv-page .topbar-cta{padding:.5rem .85rem;font-size:.82rem}.rv-canvas-shell{border-radius:14px;min-height:clamp(200px,46svh,520px)}.room-canvas{max-height:min(68svh,560px)}@supports (height:1dvh){.room-canvas{max-height:min(68dvh,560px)}}.rv-sidebar .texture-picker-scroll{max-height:min(220px,32svh)}.rv-sidebar .texture-picker-scroll--many{max-height:min(280px,38svh)}.rv-tex-control-row{flex-wrap:wrap;gap:.3rem}.rv-tex-control-label{min-width:30px}.rv-rotate-btns{flex-wrap:wrap;width:100%}.rv-rotate-btn{flex:calc(33.333% - .2rem);min-width:2.5rem;padding:.3rem .35rem}.rv-blend-options{gap:.25rem}.rv-blend-btn{white-space:normal;text-align:center;flex:calc(50% - .125rem);min-width:0;padding:.32rem .35rem;font-size:.58rem;line-height:1.2}.rv-mask-preview{flex-direction:column}}@media (width<=400px){.rv-canvas-shell{border-radius:10px}.rv-tex-controls{padding:.4rem .35rem}.rv-segmenting-content{padding:1.25rem 1rem}.rv-segmenting-content p{font-size:.92rem}}@media (height<=520px) and (orientation:landscape){.rv-page .transform-canvas-column{min-height:0}.rv-canvas-shell{min-height:clamp(140px,72vh,380px)}@supports (height:1dvh){.rv-canvas-shell{min-height:clamp(140px,72dvh,380px)}}.room-canvas{max-height:min(72vh,400px)}@supports (height:1dvh){.room-canvas{max-height:min(72dvh,400px)}}.rv-page .transform-main{gap:.65rem}}@media (pointer:coarse){.rv-change-room-btn{min-height:44px;padding-top:.65rem;padding-bottom:.65rem}.rv-blend-btn,.rv-rotate-btn{min-height:40px}.rv-tex-slider{height:8px}}.vv-page.app{max-width:1360px}.vv-workspace{grid-template-columns:minmax(0,1fr) 310px}.vv-canvas-shell{justify-content:center;align-items:center;display:flex}.vv-segmenting-overlay{z-index:5;background:radial-gradient(at 50% 40%,#5b3dd81a,#0000 55%),#121415;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vv-segmenting-content{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.vv-spinner{border-width:3px;width:36px;height:36px}.vv-segmenting-content p{color:#ffffffe0;font-size:1rem;font-weight:600}.vv-seg-sub{max-width:22rem;color:#ffffff80!important;font-size:.85rem!important;font-weight:400!important}.vv-progress-track{background:#ffffff1a;border-radius:999px;width:180px;height:3px;margin-top:.25rem;overflow:hidden}.vv-progress-bar{background:linear-gradient(90deg,#8364ff,#5b3dd8);border-radius:999px;width:40%;height:100%;animation:1.8s ease-in-out infinite vvProgress}@keyframes vvProgress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.vv-sidebar{gap:.75rem}.vv-badge{letter-spacing:.08em;text-transform:uppercase;color:#5b3dd8;background:#5b3dd81a;border:1px solid #5b3dd840;border-radius:999px;padding:.2rem .55rem;font-size:.58rem;font-weight:750}.vv-sidebar-empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .5rem;display:flex}.vv-empty-icon{color:var(--text-muted);opacity:.45;margin-bottom:.25rem}.vv-sidebar-empty p{color:var(--text);font-size:.88rem;font-weight:600}.vv-sidebar-empty-hint{line-height:1.45;color:var(--text-muted)!important;font-size:.78rem!important;font-weight:400!important}.vv-retry-btn{color:#8d3535;cursor:pointer;background:0 0;border:1px solid #c35c5c80;border-radius:999px;margin-left:.5rem;padding:.18rem .55rem;font-size:.72rem;font-weight:650}.vv-retry-btn:hover{background:#c35c5c1a}.vv-tabs{background:#0000000a;border-radius:10px;gap:.3rem;padding:.2rem;display:flex}.vv-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.45rem .5rem;font-size:.78rem;font-weight:650;transition:all .15s}.vv-tab:hover{color:var(--text);background:#ffffff80}.vv-tab--active{color:var(--text);background:#fff;box-shadow:0 1px 3px #00000014}.vv-section-header{justify-content:space-between;align-items:center;display:flex}.vv-clear-texture-btn{border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:999px;padding:.15rem .5rem;font-size:.65rem;font-weight:650;transition:color .15s,border-color .15s,background .15s}.vv-clear-texture-btn:hover{color:var(--danger);border-color:var(--danger);background:#c35c5c14}.vv-tex-controls{background:#00000006;border:1px solid #0000000a;border-radius:10px;flex-direction:column;gap:.4rem;margin-top:.45rem;padding:.5rem .45rem;display:flex}.vv-tex-control-row{align-items:center;gap:.4rem;display:flex}.vv-tex-control-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);min-width:36px;font-size:.62rem;font-weight:650}.vv-tex-slider{accent-color:#5b3dd8;cursor:pointer;flex:1;height:4px}.vv-tex-control-value{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:.65rem;font-weight:600}.vv-rotate-btns{flex:1;gap:.2rem;display:flex}.vv-rotate-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffffc7;border-radius:6px;flex:1;padding:.2rem 0;font-size:.6rem;font-weight:650;transition:all .12s}.vv-rotate-btn:hover{border-color:var(--border-strong);color:var(--text)}.vv-rotate-btn--active{color:#5b3dd8;background:#5b3dd81a;border-color:#5b3dd8b3}.vv-blend-block{border-bottom:none;padding-bottom:0}.vv-blend-options{flex-wrap:wrap;gap:.3rem;display:flex}.vv-blend-btn{border:1px solid var(--border);min-width:0;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffffc7;border-radius:8px;flex:1;padding:.3rem .4rem;font-size:.62rem;font-weight:650;transition:all .12s}.vv-blend-btn:hover{border-color:var(--border-strong);color:var(--text)}.vv-blend-btn--active{color:#5b3dd8;background:#5b3dd81a;border-color:#5b3dd8b3}.vv-recon-panel{background:linear-gradient(160deg,#5b3dd80a,#5b3dd805);border:1px solid #5b3dd81f;border-radius:12px;padding:.65rem .55rem}.vv-recon-title{text-transform:uppercase;letter-spacing:.06em;color:#5b3dd8;margin-bottom:.45rem;font-size:.68rem;font-weight:700}.vv-recon-stats{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.vv-stat{text-align:center;flex-direction:column;align-items:center;gap:.1rem;display:flex}.vv-stat-value{color:var(--text);letter-spacing:-.02em;font-size:1.05rem;font-weight:750}.vv-stat-label{color:var(--text-muted);font-size:.58rem;font-weight:500}.vv-wall-list{border-top:1px solid #5b3dd814;flex-wrap:wrap;gap:.3rem;margin-top:.45rem;padding-top:.4rem;display:flex}.vv-wall-chip{color:var(--text);border:1px solid var(--border);background:#ffffffc7;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .45rem;font-size:.62rem;font-weight:600;display:flex}.vv-wall-dim{color:var(--text-muted);font-size:.58rem;font-weight:400}.vv-toggle-btn{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:#ffffffc7;border-radius:12px;padding:.55rem 1rem;font-size:.8rem;font-weight:600;transition:border-color .15s,background .15s}.vv-toggle-btn:hover{border-color:var(--border-strong);background:#fffffff2}.vv-change-room-btn{color:var(--text-muted);font-size:.78rem}.vv-mask-preview{gap:.5rem;display:flex}.vv-mask-thumb{flex-direction:column;flex:1;gap:.25rem;display:flex}.vv-mask-thumb img{border:1px solid var(--border);border-radius:8px;width:100%}.vv-mask-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.62rem;font-weight:650}@media (width<=900px){.vv-workspace{grid-template-columns:1fr}.vv-recon-stats{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.vv-progress-bar{opacity:.5;width:100%;animation:none}}.wvs-page.app{max-width:1360px}.wvs-brand-tag{letter-spacing:.08em;text-transform:uppercase;color:#5b3dd8;vertical-align:middle;background:#5b3dd81f;border-radius:999px;margin-left:.5rem;padding:.18rem .5rem;font-size:.6rem;font-weight:700}.wvs-workspace{grid-template-columns:minmax(0,1fr) 320px}.wvs-canvas-shell{justify-content:center;align-items:center;display:flex;position:relative}.wvs-overlay-stack{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wvs-overlay-mask{object-fit:contain;mix-blend-mode:screen;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.wvs-overlay-mask--ceiling{filter:brightness(0)saturate()invert(60%)sepia(58%)saturate(2000%)hue-rotate(180deg)}.wvs-overlay-mask--window{filter:brightness(0)saturate()invert(80%)sepia(60%)saturate(2000%)hue-rotate()}.wvs-scan-overlay{z-index:5;border-radius:inherit;background:radial-gradient(at 50% 40%,#5b3dd81f,#0000 55%),#121415;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wvs-scan-content{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.wvs-spinner{border-width:3px;width:36px;height:36px}.wvs-scan-content p{color:#ffffffe0;margin:0;font-size:1rem;font-weight:600}.wvs-scan-sub{max-width:24rem;color:#ffffff8c!important;font-size:.85rem!important;font-weight:400!important}.wvs-progress-track{background:#ffffff1a;border-radius:999px;width:200px;height:3px;margin-top:.25rem;overflow:hidden}.wvs-progress-bar{background:linear-gradient(90deg,#8364ff,#5b3dd8);border-radius:999px;width:40%;height:100%;animation:1.8s ease-in-out infinite wvsProgress}@keyframes wvsProgress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.wvs-sidebar{gap:.75rem}.wvs-badge{letter-spacing:.08em;text-transform:uppercase;color:#5b3dd8;background:#5b3dd81a;border:1px solid #5b3dd840;border-radius:999px;padding:.2rem .55rem;font-size:.58rem;font-weight:750}.wvs-sidebar-empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .5rem;display:flex}.wvs-empty-icon{color:var(--text-muted);opacity:.45}.wvs-sidebar-empty p{color:var(--text);margin:0;font-size:.88rem;font-weight:600}.wvs-sidebar-empty-hint{line-height:1.45;color:var(--text-muted)!important;font-size:.78rem!important;font-weight:400!important}.wvs-sidebar-empty-hint code{color:#5b3dd8;background:#5b3dd81a;border-radius:4px;padding:.05rem .32rem;font-size:.72rem}.wvs-retry-btn{color:#8d3535;cursor:pointer;background:0 0;border:1px solid #c35c5c80;border-radius:999px;margin-left:.5rem;padding:.18rem .55rem;font-size:.72rem;font-weight:650}.wvs-retry-btn:hover{background:#c35c5c1a}.wvs-tabs{background:#0000000a;border-radius:10px;gap:.3rem;padding:.2rem;display:flex;overflow-x:auto}.wvs-tab{min-width:60px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:.45rem .5rem;font-size:.78rem;font-weight:650;transition:all .15s}.wvs-tab:hover{color:var(--text);background:#ffffff80}.wvs-tab--active{color:var(--text);background:#fff;box-shadow:0 1px 3px #00000014}.wvs-section-header{justify-content:space-between;align-items:center;display:flex}.wvs-clear-texture-btn{border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:999px;padding:.15rem .5rem;font-size:.65rem;font-weight:650;transition:color .15s,border-color .15s,background .15s}.wvs-clear-texture-btn:hover{color:var(--danger,#c35c5c);border-color:var(--danger,#c35c5c);background:#c35c5c14}.wvs-tex-controls{background:#00000006;border:1px solid #0000000a;border-radius:10px;flex-direction:column;gap:.4rem;margin-top:.45rem;padding:.5rem .45rem;display:flex}.wvs-tex-control-row{align-items:center;gap:.4rem;display:flex}.wvs-tex-control-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);min-width:36px;font-size:.62rem;font-weight:650}.wvs-tex-slider{accent-color:#5b3dd8;cursor:pointer;flex:1;height:4px}.wvs-tex-control-value{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:.65rem;font-weight:600}.wvs-rotate-btns{flex:1;gap:.2rem;display:flex}.wvs-rotate-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffffc7;border-radius:6px;flex:1;padding:.2rem 0;font-size:.6rem;font-weight:650;transition:all .12s}.wvs-rotate-btn:hover{border-color:var(--border-strong,var(--border));color:var(--text)}.wvs-rotate-btn--active{color:#5b3dd8;background:#5b3dd81a;border-color:#5b3dd8b3}.wvs-info-card{background:linear-gradient(160deg,#5b3dd80a,#5b3dd805);border:1px solid #5b3dd81f;border-radius:12px;padding:.65rem .55rem}.wvs-info-title{text-transform:uppercase;letter-spacing:.06em;color:#5b3dd8;align-items:center;gap:.4rem;margin:0 0 .45rem;font-size:.68rem;font-weight:700;display:flex}.wvs-pill{color:#fff;letter-spacing:.04em;background:#5b3dd8;border-radius:999px;padding:.1rem .4rem;font-size:.55rem;font-weight:650}.wvs-info-grid{grid-template-columns:repeat(2,1fr);gap:.3rem .5rem;display:grid}.wvs-info-row{background:#ffffffb3;border:1px solid #5b3dd814;border-radius:8px;flex-direction:column;padding:.3rem .45rem;display:flex}.wvs-info-key{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.58rem;font-weight:650}.wvs-info-val{color:var(--text);letter-spacing:-.01em;word-break:break-word;font-size:.85rem;font-weight:700}.wvs-recon-stats{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.wvs-stat{text-align:center;flex-direction:column;align-items:center;gap:.1rem;display:flex}.wvs-stat-value{color:var(--text);letter-spacing:-.02em;font-size:1.05rem;font-weight:750}.wvs-stat-label{color:var(--text-muted);font-size:.58rem;font-weight:500}.wvs-wall-list{border-top:1px solid #5b3dd814;flex-wrap:wrap;gap:.3rem;margin-top:.45rem;padding-top:.4rem;display:flex}.wvs-wall-chip{color:var(--text);border:1px solid var(--border);background:#ffffffc7;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .45rem;font-size:.62rem;font-weight:600;display:flex}.wvs-wall-dim{color:var(--text-muted);font-size:.58rem;font-weight:400}.wvs-detection-list{flex-direction:column;gap:.25rem;max-height:160px;display:flex;overflow-y:auto}.wvs-detection-row{background:#ffffffb3;border:1px solid #5b3dd81a;border-radius:6px;justify-content:space-between;align-items:center;padding:.28rem .5rem;font-size:.72rem;display:flex}.wvs-detection-label{color:var(--text);font-weight:600}.wvs-detection-score{color:#5b3dd8;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:700}.wvs-toggle-btn{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:#ffffffc7;border-radius:12px;padding:.55rem 1rem;font-size:.8rem;font-weight:600;transition:border-color .15s,background .15s}.wvs-toggle-btn:hover{border-color:var(--border-strong,var(--border));background:#fffffff2}.wvs-change-room-btn{color:var(--text-muted);font-size:.78rem}.wvs-mask-thumb-single img{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%}.wvs-raw-json{color:#d6d8df;white-space:pre;background:#0e1116;border-radius:10px;max-height:240px;margin:0;padding:.6rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;line-height:1.45;overflow:auto}@media (width<=900px){.wvs-workspace{grid-template-columns:1fr}.wvs-recon-stats{grid-template-columns:repeat(2,1fr)}.wvs-info-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.wvs-progress-bar{opacity:.5;width:100%;animation:none}}.n8n-page{max-width:1100px;min-height:100vh;color:var(--text);margin:0 auto;padding:1.25rem 1.5rem 3rem}.n8n-topbar{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.n8n-logo{object-fit:contain;mix-blend-mode:multiply;border-radius:10px;flex-shrink:0;width:auto;height:200px;display:block}.n8n-intro{text-align:right;max-width:34rem}.n8n-intro .eyebrow{margin-bottom:.45rem}.n8n-intro h1{letter-spacing:-.03em;margin:0 0 .4rem;font-size:1.85rem;font-weight:700}.n8n-lead{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.55}.n8n-layout{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:stretch;gap:1.5rem;display:grid}.n8n-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex-direction:column;height:100%;padding:1.5rem 1.35rem;display:flex}.n8n-label{color:var(--text);margin:1rem 0 .45rem;font-size:.82rem;font-weight:600;display:block}.n8n-label:first-child{margin-top:0}.n8n-row{gap:.75rem;display:flex}.n8n-field{flex-direction:column;flex:1;margin-bottom:.25rem;display:flex}.n8n-segment{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);gap:.5rem;margin-bottom:.35rem;padding:3px;display:flex;overflow:hidden}.n8n-segment--triple .n8n-segment-btn{padding:.55rem .35rem;font-size:.78rem}.n8n-segment-btn{border-radius:calc(var(--radius-sm) - 4px);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.6rem .5rem;font-family:inherit;font-size:.86rem;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.n8n-segment-btn:hover{color:var(--text);background:#ffffffa6}.n8n-segment-btn--active{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.n8n-hint{color:var(--text-muted);margin-top:.45rem;font-size:.78rem;line-height:1.45}.n8n-hint--field{margin-top:0;margin-bottom:.25rem}.n8n-section-head{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:.45rem;margin:0 0 .65rem;font-size:.82rem;font-weight:700;display:flex}.n8n-section-note{color:var(--text-muted);font-size:.68rem;font-weight:400}.n8n-divider{background:var(--border);height:1px;margin:1.15rem 0}.n8n-input-wrap{align-items:center;display:flex;position:relative}.n8n-num-input{padding-right:2.25rem}.n8n-input-unit{color:var(--text-muted);pointer-events:none;font-size:.75rem;position:absolute;right:.65rem}.n8n-count-badge{border-radius:var(--radius-sm);color:var(--text-muted);background:#37a26d0f;border:1px dashed #37a26d59;margin-top:.35rem;padding:.65rem .85rem;font-size:.8rem;line-height:1.45}.n8n-count-num{color:var(--accent);font-weight:700}.n8n-field .n8n-label{margin-top:0}.n8n-upload{margin-top:.15rem}.n8n-upload-zone{border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth), background var(--transition-smooth), transform var(--transition-smooth);background:linear-gradient(160deg,#fffffff2,#f5fbf7e6);border:1.5px dashed #76a38aa6;position:relative;overflow:hidden}.n8n-upload-zone:hover,.n8n-upload-zone:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-1px);box-shadow:0 8px 22px #37a26d1f}.n8n-upload-zone--drag{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-glow), 0 10px 28px #37a26d29;background:#e8f9eff2;transform:none}.n8n-upload-zone--filled{cursor:default;border-style:solid;border-color:var(--border-strong);background:var(--surface-strong)}.n8n-upload-zone--filled:hover{box-shadow:none;transform:none}.n8n-upload--texture .n8n-upload-zone:not(.n8n-upload-zone--filled){min-height:108px}.n8n-upload--room .n8n-upload-zone:not(.n8n-upload-zone--filled){min-height:148px}.n8n-upload-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.n8n-upload-empty{align-items:center;gap:.85rem;padding:1rem 1.1rem;display:flex}.n8n-upload--room .n8n-upload-empty{text-align:center;flex-direction:column;padding:1.35rem 1.25rem}.n8n-upload-icon{width:48px;height:48px;color:var(--accent);background:#37a26d1a;border:1px solid #37a26d38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.n8n-upload-title{color:var(--text);margin:0 0 .2rem;font-size:.88rem;font-weight:650}.n8n-upload-hint{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}.n8n-upload-browse{color:var(--accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.n8n-upload-formats{color:var(--text-muted);opacity:.9;margin:.35rem 0 0;font-size:.72rem}.n8n-upload-preview{flex-direction:column;gap:.65rem;padding:.65rem;display:flex}.n8n-upload-image-wrap{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.n8n-upload--room .n8n-upload-image-wrap{height:280px}.n8n-upload-thumb{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.n8n-upload-meta{min-width:0}.n8n-upload-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.84rem;font-weight:600;overflow:hidden}.n8n-upload-size{color:var(--text-muted);margin:.2rem 0 .55rem;font-size:.74rem}.n8n-upload-actions{flex-wrap:wrap;gap:.45rem;margin-top:.15rem;display:flex}.n8n-upload-action{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffffd9;border-radius:999px;padding:.35rem .7rem;font-family:inherit;font-size:.74rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.n8n-upload-action:hover{border-color:var(--accent);color:var(--accent);background:#e8f9efe6}.n8n-upload-action--remove:hover{color:#a94444;background:#c35c5c14;border-color:#c35c5c8c}.n8n-preset-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.55rem;margin-top:.15rem;display:grid}.n8n-preset{border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:var(--surface-soft);color:var(--text-muted);border:2px solid #0000;padding:.4rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.n8n-preset:hover{border-color:var(--border-strong)}.n8n-preset--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);color:var(--text)}.n8n-preset-img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;display:block}.n8n-preset-placeholder{aspect-ratio:1;width:100%;color:var(--accent);background:#37a26d14;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.n8n-preset-label{margin-top:.4rem;font-size:.68rem;line-height:1.2;display:block}.n8n-submit{justify-content:center;width:100%;margin-top:auto;padding-top:1.5rem}.n8n-error{margin-top:1rem}.n8n-result-panel{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);justify-content:center;align-items:center;height:100%;min-height:0;padding:1.25rem;display:flex}.n8n-result{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.n8n-result-title{color:var(--text);margin-bottom:.75rem;font-size:.9rem;font-weight:600}.n8n-result-img{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);flex:1;width:100%;min-height:0;display:block}.n8n-result-link{color:var(--accent);margin-top:.85rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.n8n-result-link:hover{text-decoration:underline}.n8n-result-placeholder{text-align:center;color:var(--text-muted);max-width:22rem;margin:auto;padding:1.5rem}.n8n-result-placeholder-icon{opacity:.45;color:var(--accent);margin-bottom:.85rem}.n8n-result-placeholder h3{color:var(--text);margin-bottom:.45rem;font-size:1.05rem;font-weight:650}.n8n-result-placeholder p{font-size:.86rem;line-height:1.5}@media (width<=900px){.n8n-topbar{flex-direction:column;align-items:flex-start;gap:1.25rem}.n8n-intro{text-align:left;max-width:none}.n8n-layout{grid-template-columns:1fr}.n8n-card,.n8n-result-panel{height:auto}.n8n-result-panel{min-height:280px}.n8n-row{flex-direction:column}}