#sv-viewer-root{--sv-bg:#e8ecf4;--sv-border:#dde1ec;--sv-muted:#8892aa;--sv-bambu:#1d6fa4;--sv-bambu-glow:rgba(29,111,164,.12);--sv-green:#1e8449;--sv-gold:#b7860b;--sv-price-grad:linear-gradient(135deg,#1d6fa4,#1e8449)}#sv-quote-page{width:100%}.sv-quote-note{background:#f8f9fa;border-top:1px solid #e9ecef;color:#6c757d;font-size:12px;padding:8px 16px}.sv-quote-row{align-items:stretch}.sv-left-col{background:var(--sv-bg);border-right:1px solid var(--sv-border);display:flex;flex-direction:column;height:calc(100vh - 62px);overflow:hidden;position:sticky;top:62px}.sv-left-col.face-pick-mode{cursor:crosshair}#sv-canvas-area{flex:1 1 0;min-height:0;position:relative}#sv-canvas-area canvas{display:block;height:100%!important;width:100%!important}#sv-upload-overlay{align-items:center;color:var(--sv-muted);cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:.6rem;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;text-align:center;z-index:5}#sv-upload-overlay strong{color:#1a1f36;font-size:15px;font-weight:600}#sv-upload-overlay span{color:var(--sv-bambu);font-size:12px}#sv-upload-overlay small{color:var(--sv-muted);font-size:11px}#sv-upload-overlay.hidden{display:none}.sv-upload-icon{align-items:center;border:2px dashed var(--sv-bambu);border-radius:18px;color:var(--sv-bambu);display:flex;font-size:28px;height:72px;justify-content:center;margin-bottom:.4rem;transition:all .2s;width:72px}#sv-upload-overlay:hover .sv-upload-icon{box-shadow:0 0 24px var(--sv-bambu-glow);transform:scale(1.05)}#sv-loading-bar{background:linear-gradient(90deg,transparent,var(--sv-bambu),transparent);display:none;height:2px;left:0;position:absolute;right:0;top:0;transform:translate(-100%);z-index:20}#sv-loading-bar.active{animation:svSlide 1s ease-in-out infinite;display:block}@keyframes svSlide{to{transform:translate(200%)}}#sv-view-controls{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;position:absolute;right:12px;top:12px;z-index:10}.sv-view-btn{align-items:center;background:#ffffffeb;border:1px solid var(--sv-border);border-radius:6px;box-shadow:0 1px 4px #0000000f;color:var(--sv-muted);cursor:pointer;display:flex;font-size:10px;gap:4px;letter-spacing:.5px;padding:5px 9px;transition:all .15s;white-space:nowrap}.sv-view-btn.active,.sv-view-btn:hover{background:#1d6fa414;border-color:var(--sv-bambu);color:var(--sv-bambu)}.sv-view-btn.orient-toggle.active{background:#b7860b14;border-color:var(--sv-gold);color:var(--sv-gold)}#sv-btn-flat-toggle.active{background:#1e844917;border-color:var(--sv-green);color:var(--sv-green)}#sv-orient-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid var(--sv-border);border-radius:10px;box-shadow:0 4px 20px #00000014;display:none;flex-direction:column;gap:5px;left:12px;padding:10px;position:absolute;top:12px;width:186px;z-index:10}#sv-orient-panel.visible{display:flex}.sv-orient-label{color:var(--sv-muted);font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.sv-orient-row{align-items:center;display:flex;gap:4px}.sv-axis-lbl{font-size:11px;font-weight:700;text-align:center;width:14px}.sv-orient-btn{align-items:center;background:#fffc;border:1px solid var(--sv-border);border-radius:5px;color:var(--sv-muted);cursor:pointer;display:flex;flex:1;font-size:10px;gap:3px;padding:4px 6px;transition:all .12s}.sv-orient-btn.xn:hover,.sv-orient-btn.xp:hover{border-color:#c0392b;color:#c0392b}.sv-orient-btn.yn:hover,.sv-orient-btn.yp:hover{border-color:#1e8449;color:#1e8449}.sv-orient-btn.zn:hover,.sv-orient-btn.zp:hover{border-color:#1d6fa4;color:#1d6fa4}.sv-snap-btn{align-items:center;background:var(--sv-bambu);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:10px;gap:4px;justify-content:center;margin-top:2px;padding:5px;transition:opacity .15s;width:100%}.sv-snap-btn:hover{opacity:.85}#sv-face-pick-hint{align-items:center;background:#b7860be6;border-radius:20px;color:#fff;display:none;font-size:11px;gap:5px;left:50%;padding:5px 12px;position:absolute;top:12px;transform:translate(-50%);white-space:nowrap;z-index:10}#sv-chips,#sv-face-pick-hint.visible{display:flex}#sv-chips{bottom:16px;flex-wrap:wrap;gap:6px;left:16px;position:absolute;z-index:10}.sv-chip{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid var(--sv-border);border-radius:6px;color:var(--sv-muted);display:flex;font-size:10px;gap:5px;padding:4px 8px}.sv-chip .cv{color:var(--sv-bambu);font-weight:700}#sv-coin-toggle{bottom:52px;left:16px;position:absolute;z-index:10}.sv-coin-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid var(--sv-border);border-radius:6px;color:var(--sv-muted);cursor:pointer;display:flex;font-size:10px;gap:5px;padding:5px 10px;transition:all .15s}.sv-coin-btn.active{border-color:var(--sv-gold);color:var(--sv-gold)}.sv-coin-btn.active .sv-coin-dot{opacity:1}.sv-coin-dot{background:var(--sv-gold);border-radius:50%;height:9px;opacity:.4;transition:opacity .15s;width:9px}#sv-dpad{align-items:center;bottom:14px;display:flex;flex-direction:column;gap:3px;position:absolute;right:14px;z-index:10}.sv-dpad-ring{display:grid;gap:3px;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px)}.sv-rot-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid var(--sv-border);border-radius:7px;color:var(--sv-muted);cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;transition:all .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px}.sv-rot-btn:hover{background:#1d6fa41a;border-color:var(--sv-bambu);color:var(--sv-bambu)}.sv-rot-btn:active{transform:scale(.88)}.sv-rot-btn.empty{background:transparent;border-color:transparent;pointer-events:none}.sv-dpad-label{color:var(--sv-muted);font-size:8px;letter-spacing:1px;margin-top:3px}#sv-sample-bar{background:#0a0e1ef7;border-top:1px solid hsla(0,0%,100%,.07);display:flex;flex-direction:column;flex-shrink:0;gap:7px;padding:10px 12px 12px}#sv-sample-header{align-items:center;display:flex;gap:6px}#sv-sample-header i.bi{color:var(--sv-gold);font-size:12px}#sv-sample-header span{color:#ffffffe6;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}#sv-sample-header small{color:#ffffff4d;font-size:10px;font-style:italic}#sv-sample-track-wrap{align-items:center;display:flex;gap:5px}.sv-sample-nav{align-items:center;background:#ffffff14;border:1px solid hsla(0,0%,100%,.1);border-radius:7px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;transition:all .15s;width:28px}.sv-sample-nav:hover{background:#1d6fa473;border-color:#1d6fa48c;color:#fff}.sv-sample-nav.hidden{opacity:0;pointer-events:none}#sv-sample-track{cursor:grab;display:flex;flex:1;gap:8px;overflow-x:auto;padding:3px 2px 5px;scroll-snap-type:x mandatory;scrollbar-width:none}#sv-sample-track::-webkit-scrollbar{display:none}.sv-sample-item{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px;min-width:72px;padding:5px 5px 4px;scroll-snap-align:start;transition:all .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-sample-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.sv-sample-item:hover .sv-sample-thumb-wrap{box-shadow:0 6px 18px #00000080,0 0 14px color-mix(in srgb,var(--sample-color,#1d6fa4) 40%,transparent)}.sv-sample-item.sv-sample-active{background:#1d6fa424;border-color:#1d6fa473}.sv-sample-item.sv-sample-active .sv-sample-thumb-wrap{border-color:#1d6fa4b3;box-shadow:0 0 0 2px #1d6fa44d}.sv-sample-item.sv-sample-active span{color:#fff}.sv-sample-item.sv-sample-dragging{opacity:.4;transform:scale(.92)}.sv-sample-item span{color:#ffffff73;font-size:10px;line-height:1.1;max-width:68px;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.sv-sample-thumb-wrap{--sample-color:#1d6fa4;background:linear-gradient(145deg,color-mix(in srgb,var(--sample-color) 18%,#0d1128),#070b18);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;flex-shrink:0;height:64px;overflow:hidden;position:relative;transition:box-shadow .18s,border-color .18s;width:64px}.sv-sample-thumb{border-radius:11px;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:opacity .3s ease;width:100%}.sv-thumb-spinner{align-items:center;color:#ffffff4d;display:none;font-size:15px;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.sv-thumb-spinner.active{display:flex}.sv-thumb-spinner.active i{animation:sv-spin .8s linear infinite}@keyframes sv-spin{to{transform:rotate(1turn)}}.sv-sample-icon-inner{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.sv-sample-icon-inner i.bi{color:var(--sample-color,#1d6fa4);filter:drop-shadow(0 1px 6px rgba(0,0,0,.5));font-size:22px;opacity:.85}.sv-sample-icon-inner.hidden{display:none}.sv-right-col{background:#fff;border-left:1px solid var(--sv-border);height:calc(100vh - 62px);overflow-y:auto;position:sticky;scrollbar-color:#dde1ec transparent;scrollbar-width:thin;top:62px}.sv-right-col::-webkit-scrollbar{width:5px}.sv-right-col::-webkit-scrollbar-track{background:transparent}.sv-right-col::-webkit-scrollbar-thumb{background:#dde1ec;border-radius:3px}#sv-price-box{background:var(--sv-price-grad);color:#fff;flex-shrink:0;padding:16px 20px;position:sticky;top:0;z-index:5}#sv-price-box .price-label{font-size:10px;letter-spacing:1px;opacity:.85}#sv-price-box .price-val{font-size:36px;font-weight:700;line-height:1;margin:4px 0}#sv-price-box .price-meta{font-size:11px;opacity:.75}#sv-metrics{background:#f8f9fc;border-bottom:1px solid var(--sv-border);display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px}.sv-metric{align-items:center;color:var(--sv-muted);display:flex;font-size:11px;gap:4px}.sv-metric b{color:#1a1f36}#sv-alert{border-radius:7px;display:none;font-size:12px;line-height:1.5;margin:10px 16px 0;padding:8px 12px}#sv-alert.error{background:#c0392b12;border:1px solid rgba(192,57,43,.3);color:#9b2d22;display:block}#sv-alert.warning{background:#b7860b14;border:1px solid rgba(183,134,11,.3);color:#7d5c0a;display:block}#sv-form-scroll{padding:16px}@media(max-width:991px){.sv-left-col,.sv-right-col{height:auto;overflow:visible;position:static}.sv-left-col{border-bottom:1px solid var(--sv-border);border-right:none}#sv-canvas-area{flex:none;height:340px}.sv-right-col{height:auto;overflow-y:visible}}