.sofa-viewer{background-color:#fafafa;padding:100px 0;position:relative;overflow:hidden}.sofa-viewer:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#9b2c3a08 0%,#0000 50%),radial-gradient(circle at 80% 70%,#9b2c3a08 0%,#0000 50%);position:absolute;inset:0}.sofa-viewer-container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;position:relative}.sofa-viewer-header{text-align:center;margin-bottom:60px}.sofa-viewer-label{color:#9b2c3a;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-flex}.sofa-viewer-label svg{width:16px;height:16px}.sofa-viewer-title{color:#1a1a1a;margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:700;line-height:1.2}.sofa-viewer-subtitle{color:#6b6b6b;max-width:700px;margin:0 auto;font-size:18px;line-height:1.6}.sofa-viewer-grid{grid-template-columns:2fr 1fr;align-items:start;gap:32px;display:grid}.sofa-viewer-canvas-wrapper{aspect-ratio:4/3;background-color:#faf5f4;border:1px solid #f0e4e2;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px #9b2c3a0f}.sofa-viewer-canvas-wrapper canvas{display:block;width:100%!important;height:100%!important}.sofa-viewer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background-color:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sofa-viewer-overlay-content{text-align:center}.sofa-viewer-overlay-text{color:#4a4a4a;margin:0;font-size:15px;font-weight:500}.sofa-viewer-spinner{border:3px solid #f0e4e2;border-top-color:#9b2c3a;border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:.8s linear infinite sofa-viewer-spin}@keyframes sofa-viewer-spin{to{transform:rotate(360deg)}}.sofa-viewer-loader{text-align:center;padding:24px}.sofa-viewer-loader-text{color:#6b6b6b;margin:0;font-size:14px}.sofa-viewer-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4a4a4a;background-color:#fffffff2;border:1px solid #f0e4e2cc;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:20px;left:20px;box-shadow:0 4px 12px #00000014}.sofa-viewer-hint svg{color:#9b2c3a;width:16px;height:16px;animation:3s ease-in-out infinite sofa-viewer-rotate}@keyframes sofa-viewer-rotate{0%,to{transform:rotate(0)}50%{transform:rotate(360deg)}}.sofa-viewer-active-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;border:1px solid #f0e4e2cc;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:inline-flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #00000014}.sofa-viewer-active-label-text{color:#8a7d7b}.sofa-viewer-active-label-value{color:#9b2c3a;font-weight:600}.sofa-viewer-panel{background-color:#fff;border:1px solid #f0e4e2;border-radius:16px;padding:32px;box-shadow:0 4px 20px #9b2c3a0a}.sofa-viewer-panel-title{color:#1a1a1a;margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700}.sofa-viewer-panel-subtitle{color:#8a7d7b;margin:0 0 24px;font-size:14px}.sofa-viewer-texture-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;max-height:440px;padding-top:10px;padding-right:10px;display:flex;overflow:auto}.sofa-viewer-texture-list::-webkit-scrollbar{width:6px;height:7px}.sofa-viewer-texture-list::-webkit-scrollbar-track{background:#faf5f4;border-radius:3px}.sofa-viewer-texture-list::-webkit-scrollbar-thumb{background:#e8d5d2;border-radius:3px;transition:background .2s}.sofa-viewer-texture-list::-webkit-scrollbar-thumb:hover{background:#9b2c3a}.sofa-viewer-texture-btn{cursor:pointer;text-align:left;background-color:#fff;border:2px solid #f0e4e2;border-radius:12px;align-items:center;gap:16px;width:100%;padding:14px 16px;font-family:inherit;transition:all .25s;display:flex}.sofa-viewer-texture-btn:hover{background-color:#faf5f4;border-color:#e8d5d2;transform:translateY(-2px);box-shadow:0 6px 16px #9b2c3a14}.sofa-viewer-texture-btn.active{background-color:#faf5f4;border-color:#9b2c3a;box-shadow:0 6px 16px #9b2c3a1f}.sofa-viewer-texture-preview{background-color:#f0e4e2;background-position:50%;background-size:cover;border-radius:10px;flex-shrink:0;width:56px;height:56px;transition:transform .25s;box-shadow:0 2px 6px #00000014}.sofa-viewer-texture-btn:hover .sofa-viewer-texture-preview{transform:scale(1.05)}.sofa-viewer-texture-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sofa-viewer-texture-name{color:#1a1a1a;font-size:15px;font-weight:600;line-height:1.3}.sofa-viewer-texture-desc{color:#8a7d7b;font-size:13px;line-height:1.4}.sofa-viewer-texture-check{color:#9b2c3a;opacity:0;flex-shrink:0;transition:all .25s;transform:scale(.5)}.sofa-viewer-texture-btn.active .sofa-viewer-texture-check{opacity:1;transform:scale(1)}.sofa-viewer-cta{background:linear-gradient(135deg,#faf5f4 0%,#f5f0ee 100%);border:1px solid #f0e4e2;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;display:flex}.sofa-viewer-cta svg{color:#9b2c3a;flex-shrink:0;width:20px;height:20px}.sofa-viewer-cta-title{color:#1a1a1a;margin:0 0 2px;font-size:14px;font-weight:600}.sofa-viewer-cta-text{color:#6b6b6b;margin:0;font-size:13px;line-height:1.4}@media (max-width:1024px){.sofa-viewer{width:100%;padding:80px 0}.sofa-viewer-title{font-size:34px}.sofa-viewer-subtitle{font-size:16px}.sofa-viewer-grid{flex-direction:column;grid-template-columns:1fr;gap:24px;width:100%;display:flex}.sofa-viewer-panel{width:100%;padding:24px}.sofa-viewer-texture-list-wrapper{max-width:100vw}.sofa-viewer-texture-list{flex-direction:row;padding-top:10px;padding-bottom:10px}.sofa-viewer-texture-preview{width:50px;height:50px}.sofa-viewer-texture-desc{width:100px}}@media (max-width:640px){.sofa-viewer{padding:60px 0}.sofa-viewer-container{padding:0 16px}.sofa-viewer-header{margin-bottom:40px}.sofa-viewer-title{font-size:28px}.sofa-viewer-subtitle{font-size:15px}.sofa-viewer-canvas-wrapper{border-radius:12px}.sofa-viewer-hint{padding:5px 10px;font-size:11px;bottom:12px;left:12px}.sofa-viewer-active-label{padding:8px 12px;font-size:12px;top:12px;right:12px}.sofa-viewer-panel{border-radius:12px;padding:20px}.sofa-viewer-panel-title{font-size:22px}.sofa-viewer-texture-btn{gap:12px;padding:12px}.sofa-viewer-texture-preview{width:48px;height:48px}.sofa-viewer-texture-name{font-size:14px}.sofa-viewer-texture-desc{font-size:12px}}