:root,[data-theme=dark]{--bg-app:#111;--surface-primary:#1e1e1e;--surface-secondary:#171717;--surface-elevated:#262626;--surface-hover:#262626;--text-primary:#f5f2ec;--text-secondary:#aaa59c;--text-muted:#7e7970;--text-inverse:#111;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--border-subtle:#34312b;--border-medium:#45413a;--border-accent:#c6a15b66;--gold-primary:#c6a15b;--gold-primary-hover:#d8b875;--gold-highlight:#8f7441;--gold-primary-alpha:#c6a15b1f;--gold-primary-glow:#c6a15b38;--gold-border:#c6a15b59;--gold-border-subtle:#c6a15b2e;--gold-text:#c6a15b;--gold-gradient:linear-gradient(135deg, #c6a15b 0%, #8f7441 100%);--gold-gradient-subtle:linear-gradient(135deg, #c6a15b24 0%, #8f74410d 100%);--btn-primary-bg:linear-gradient(135deg, #c6a15b 0%, #8f7441 100%);--btn-primary-hover-bg:linear-gradient(135deg, #d8b875 0%, #9f824a 100%);--btn-primary-text:#111;--hero-card-bg:#1e1e1e;--hero-card-border:#34312b;--hero-accent-line:linear-gradient(90deg, #8f7441, #c6a15b, #8f7441);--hud-bg:#1e1e1eeb;--hud-text:#f5f2ec;--code-bg:#171717;--code-text:#d8b875;--modal-backdrop-bg:#0a0a0abf;--color-success:#4eba87;--color-success-bg:#4eba871f;--color-warning:#d8b875;--color-warning-bg:#d8b8751f;--color-danger:#e05252;--color-danger-bg:#e052521f;--color-info:#c6a15b;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 28px #0009;--shadow-glow:0 2px 10px #c6a15b33;--viewport-shadow:inset 0 0 32px #0000008c;--scrollbar-track:var(--bg-app);--scrollbar-thumb:#34312b;--scrollbar-thumb-hover:#c6a15b;--header-height:64px;--sidebar-width:250px;--sidebar-width-collapsed:72px;--right-panel-width:360px;--results-panel-height:96px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-app:#f4f0e8;--surface-primary:#fffdfa;--surface-secondary:#ebe5da;--surface-elevated:#fff;--surface-hover:#e3ddd1;--text-primary:#29251f;--text-secondary:#746d62;--text-muted:#9e9689;--text-inverse:#fff;--border-subtle:#ded5c7;--border-medium:#cdc2b0;--border-accent:#a9823d66;--gold-primary:#a9823d;--gold-primary-hover:#89682f;--gold-highlight:#e9d9b7;--gold-primary-alpha:#a9823d1a;--gold-primary-glow:#a9823d2e;--gold-border:#a9823d52;--gold-border-subtle:#a9823d2e;--gold-text:#89682f;--gold-gradient:linear-gradient(135deg, #a9823d 0%, #89682f 100%);--gold-gradient-subtle:linear-gradient(135deg, #a9823d1f 0%, #e9d9b740 100%);--btn-primary-bg:linear-gradient(135deg, #a9823d 0%, #89682f 100%);--btn-primary-hover-bg:linear-gradient(135deg, #b9924d 0%, #987537 100%);--btn-primary-text:#fff;--hero-card-bg:#fffdfa;--hero-card-border:#ded5c7;--hero-accent-line:linear-gradient(90deg, #e9d9b7, #a9823d, #e9d9b7);--hud-bg:#fffdfaf0;--hud-text:#29251f;--code-bg:#ebe5da;--code-text:#29251f;--modal-backdrop-bg:#1e191473;--color-success:#2e8b57;--color-success-bg:#2e8b571a;--color-warning:#a9823d;--color-warning-bg:#a9823d1f;--color-danger:#c23b3b;--color-danger-bg:#c23b3b1a;--color-info:#a9823d;--shadow-sm:0 1px 3px #29251f0d;--shadow-md:0 4px 12px #29251f12;--shadow-lg:0 10px 24px #29251f1a;--shadow-glow:0 2px 10px #a9823d26;--viewport-shadow:inset 0 0 16px #29251f0d;--scrollbar-track:var(--bg-app);--scrollbar-thumb:#ded5c7;--scrollbar-thumb-hover:#a9823d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}body,.studio-app,.app-header,.studio-sidebar,.studio-center-area,.studio-right-panel,.preview-workspace,.workspace-toolbar,.results-panel,.feature-panel,.category-grid-card,.filter-card,.fitting-product-hero,.jewellery-product-card,.modal-container,.header-btn,.status-pill,.subcat-pill,.segmented-tab-btn,.quick-switch-thumb{transition:background-color var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal), box-shadow var(--transition-normal)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.hidden{display:none!important}.studio-app{background-color:var(--bg-app);flex-direction:column;width:100%;min-height:100vh;display:flex}.app-header{height:var(--header-height);background-color:var(--surface-primary);border-bottom:1px solid var(--border-subtle);z-index:40;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:14px;display:flex}.brand-logo{filter:drop-shadow(0 1px 2px #00000040);justify-content:center;align-items:center;display:flex}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-title-wrap{align-items:center;gap:8px;display:flex}.brand-title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:16px;font-weight:700}.brand-badge{font-size:10px;font-weight:600;font-family:var(--font-mono);background-color:var(--accent-primary-alpha);color:var(--accent-primary-hover);border:1px solid var(--border-accent);border-radius:4px;padding:1px 6px}.brand-subtitle{color:var(--text-secondary);margin:0;font-size:12px}.header-status-group{align-items:center;gap:12px;display:flex}.status-pill{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-fast);border-radius:20px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-pill--idle .status-dot{background-color:var(--text-muted)}.status-pill--idle{color:var(--text-secondary)}.status-pill--active{background-color:var(--color-success-bg);color:var(--color-success);border-color:#4eba8759}.status-pill--active .status-dot{background-color:var(--color-success);box-shadow:0 0 6px var(--color-success);animation:2.5s ease-in-out infinite pulse-dot}.status-pill--info{background-color:var(--gold-primary-alpha);border-color:var(--gold-border-subtle);color:var(--gold-text)}.status-pill--info .status-dot{background-color:var(--gold-primary)}.status-pill--waiting .status-dot{background-color:var(--color-warning)}.status-pill--waiting{color:var(--color-warning);background-color:var(--color-warning-bg);border-color:var(--gold-border-subtle)}.status-pill--success{background-color:var(--color-success-bg);color:var(--color-success);border-color:#4eba8759}.status-pill--success .status-dot{background-color:var(--color-success)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.header-actions{align-items:center;gap:8px;margin-left:8px;display:flex}.header-btn{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.header-btn:hover{background-color:var(--surface-hover);color:var(--text-primary);border-color:var(--border-medium)}.theme-toggle-btn{transition:all var(--transition-normal);position:relative}.theme-toggle-btn svg{transition:transform var(--transition-fast)}.theme-toggle-btn:hover svg{transform:rotate(18deg)scale(1.08)}.studio-body{min-height:calc(100vh - var(--header-height));flex:1;display:flex;position:relative;overflow:hidden}.studio-sidebar{width:var(--sidebar-width);background-color:var(--surface-primary);border-right:1px solid var(--border-subtle);transition:width var(--transition-normal);flex-direction:column;flex-shrink:0;justify-content:space-between;padding:16px 12px;display:flex}.studio-sidebar--collapsed{width:var(--sidebar-width-collapsed);padding:16px 8px}.sidebar-nav-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 8px 12px;display:flex}.nav-group-title{letter-spacing:.8px;color:var(--text-muted);font-size:10px;font-weight:700}.sidebar-collapse-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-collapse-btn:hover{color:var(--text-primary);background-color:var(--surface-hover)}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-nav-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.sidebar-nav-item:hover{background-color:var(--surface-secondary);color:var(--text-primary)}.sidebar-nav-item--active{background-color:var(--accent-primary-alpha);border-color:var(--border-accent);color:var(--text-primary);font-weight:600}.nav-item-icon{color:var(--text-secondary);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-nav-item--active .nav-item-icon{color:var(--accent-secondary)}.nav-item-content{flex:1;justify-content:space-between;align-items:center;display:flex}.nav-item-badge{background-color:var(--surface-elevated);color:var(--text-muted);font-size:10px;font-weight:600;font-family:var(--font-mono);border-radius:10px;padding:1px 6px}.sidebar-nav-item--active .nav-item-badge{background-color:var(--accent-primary);color:#fff}.active-indicator{background-color:var(--accent-secondary);width:3px;box-shadow:0 0 10px var(--accent-secondary);border-radius:0 4px 4px 0;position:absolute;top:6px;bottom:6px;left:0}.sidebar-footer{border-top:1px solid var(--border-subtle);padding-top:14px}.sidebar-info-card{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:12px}.info-card-header{align-items:center;gap:7px;margin-bottom:4px;display:flex}.info-card-dot{background-color:var(--color-success);width:6px;height:6px;box-shadow:0 0 6px var(--color-success);border-radius:50%}.info-card-title{color:var(--text-primary);font-size:11px;font-weight:600}.info-card-desc{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.sidebar-collapsed-indicator{justify-content:center;padding:8px 0;display:flex}.studio-center-area{background-color:var(--bg-app);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.preview-workspace{flex-direction:column;flex:1;min-height:480px;padding:16px 20px 8px;display:flex}.workspace-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.input-mode-tabs{background-color:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:3px;padding:3px;display:flex}.input-tab-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.input-tab-btn:hover{color:var(--text-primary)}.input-tab-btn--active{background-color:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.workspace-tools{align-items:center;gap:8px;display:flex}.tool-pill-btn{background-color:var(--surface-primary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.tool-pill-btn:hover{background-color:var(--surface-hover);color:var(--text-primary);border-color:var(--border-medium)}.tool-pill-btn--active{background-color:var(--accent-primary-alpha);border-color:var(--accent-primary);color:var(--accent-secondary)}.tool-pill-btn--danger{background-color:var(--color-danger-bg);color:#f87171;border-color:#ef44444d}.tool-pill-btn--danger:hover{color:#fff;background-color:#ef444440}.snapshot-toast{background-color:var(--surface-elevated);color:#34d399;box-shadow:var(--shadow-lg);z-index:30;border:1px solid #10b98166;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;animation:.3s ease-out slide-toast;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}@keyframes slide-toast{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.preview-viewport-container{background-color:var(--surface-primary);border:1px solid var(--border-subtle);box-shadow:var(--viewport-shadow);border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:hidden}.reticle-corner{border-color:var(--border-medium);pointer-events:none;z-index:10;opacity:.6;width:14px;height:14px;position:absolute}.reticle-corner--tl{border-top:1.5px solid var(--gold-border);border-left:1.5px solid var(--gold-border);top:10px;left:10px}.reticle-corner--tr{border-top:1.5px solid var(--gold-border);border-right:1.5px solid var(--gold-border);top:10px;right:10px}.reticle-corner--bl{border-bottom:1.5px solid var(--gold-border);border-left:1.5px solid var(--gold-border);bottom:10px;left:10px}.reticle-corner--br{border-bottom:1.5px solid var(--gold-border);border-right:1.5px solid var(--gold-border);bottom:10px;right:10px}.active-filter-hud{background-color:var(--hud-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-accent);z-index:15;box-shadow:var(--shadow-sm);border-radius:6px;align-items:center;gap:8px;padding:4px 10px;display:flex;position:absolute;top:16px;left:16px}.hud-badge{color:var(--gold-text);font-size:9px;font-weight:700;font-family:var(--font-mono)}.hud-label{color:var(--hud-text);font-size:11px;font-weight:600}.model-loading-hud{background-color:var(--hud-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--gold-border);color:var(--gold-text);z-index:25;box-shadow:var(--shadow-md);border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:500;animation:2s ease-in-out infinite pulse-hud;display:flex;position:absolute;top:16px;right:16px}.cyber-spinner--sm{border-width:2px;width:14px;height:14px}@keyframes pulse-hud{0%,to{border-color:#f59e0b66}50%{border-color:#f59e0bcc}}.preview-empty-state{text-align:center;flex-direction:column;align-items:center;max-width:440px;padding:32px 20px;display:flex}.empty-icon-wrap{background:radial-gradient(circle, var(--accent-primary-alpha) 0%, transparent 70%);border:1px dashed var(--border-medium);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:16px;display:flex}.empty-state-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state-desc{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.5}.primary-action-btn{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--gold-border);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:600;display:inline-flex}.primary-action-btn:hover{background:var(--btn-primary-hover-bg);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.empty-state-footnote{color:var(--text-muted);margin-top:14px;font-size:11px}.device-select-wrap{flex-direction:column;gap:6px;width:100%;margin-bottom:16px;display:flex}.device-select-label{color:var(--text-secondary);text-align:left;font-size:11px}.device-select{background-color:var(--surface-secondary);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:6px;outline:none;padding:8px 12px;font-size:12px}.preview-loading-state{flex-direction:column;align-items:center;gap:12px;display:flex}.cyber-spinner{border:2px solid var(--border-subtle);border-top-color:var(--gold-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state-text{color:var(--text-primary);font-size:14px;font-weight:600}.loading-state-sub{color:var(--text-muted);font-size:12px}.preview-error-state{text-align:center;flex-direction:column;align-items:center;max-width:420px;padding:24px;display:flex}.error-icon-wrap{margin-bottom:12px}.error-state-title{color:#f87171;margin-bottom:6px;font-size:16px;font-weight:600}.error-state-desc{color:var(--text-secondary);margin-bottom:18px;font-size:13px;line-height:1.5}.error-actions{gap:10px;display:flex}.retry-btn{background-color:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-size:12px;font-weight:600}.secondary-btn{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 18px;font-size:12px}.media-surface-wrapper{background-color:#050811;justify-content:center;align-self:stretch;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.preview-video{object-fit:contain;background-color:#0000;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.preview-video--mirrored{transform:scaleX(-1)}.preview-image{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.preview-overlay-canvas{object-fit:contain;pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.preview-webgl-canvas{object-fit:contain;pointer-events:auto;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.preview-webgl-canvas--mirrored{transform:scaleX(-1)}.glb-viewer-container{z-index:10}.glb-loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);color:var(--text-primary);z-index:15;pointer-events:none;background:#0d111cd9;border-radius:20px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:500;display:flex;position:absolute;top:18px;right:18px}.glb-loading-text{align-items:center;gap:6px;display:flex}.glb-progress-pct{color:var(--accent-cyan);font-weight:700;font-family:var(--font-mono,monospace)}.glb-notice-overlay{z-index:25;pointer-events:auto;width:480px;max-width:90%;animation:.25s ease-out fadeIn;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.glb-notice-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121826eb;border:1px solid #f59e0b59;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 10px 25px -5px #00000080,0 0 15px #f59e0b1a}.glb-notice-icon{flex-shrink:0;margin-top:2px}.glb-notice-content{flex:1}.glb-notice-title{color:#f59e0b;margin-bottom:4px;font-size:13px;font-weight:700;display:block}.glb-notice-desc{color:var(--text-secondary);margin:0 0 10px;font-size:12px;line-height:1.5}.glb-notice-desc code{font-family:var(--font-mono,monospace);color:#f3f4f6;background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:11px}.glb-upload-chip{color:#fcd34d;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.glb-upload-chip:hover{background:#f59e0b40;border-color:#f59e0b}.glb-floating-hud{z-index:20;flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;left:16px}.glb-hud-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);background:#0d111ce0;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;display:flex}.glb-hud-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.glb-hud-btn:hover{color:var(--text-primary);background:#ffffff14}.glb-hud-btn--active{color:var(--accent-cyan);background:#00f0ff26;border-color:#00f0ff66}.glb-hud-btn--file{position:relative;overflow:hidden}.glb-stats-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);font-size:10px;font-family:var(--font-mono,monospace);background:#0d111cbf;border:1px solid #ffffff14;border-radius:10px;align-self:flex-start;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.glb-stats-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.glb-stats-dim{color:var(--text-muted)}.floating-camera-hud{background-color:var(--hud-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);z-index:20;border-radius:24px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hud-ctrl-btn{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:16px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.hud-ctrl-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.hud-ctrl-btn--active{background-color:var(--accent-primary-alpha);border-color:var(--accent-primary);color:var(--accent-secondary)}.preview-dropzone{text-align:center;border:2px dashed var(--border-medium);cursor:pointer;width:80%;max-width:520px;transition:all var(--transition-fast);background-color:#151d3066;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:36px 24px;display:flex}.preview-dropzone:hover,.preview-dropzone--active{border-color:var(--accent-secondary);background-color:#36c8f40d}.dropzone-buttons{margin-bottom:16px}.sample-targets-container{flex-direction:column;align-items:center;gap:8px;margin-top:10px;display:flex}.sample-targets-label{color:var(--text-muted);font-size:11px}.sample-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sample-chip{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;display:inline-flex}.sample-chip:hover{background-color:var(--surface-hover);border-color:var(--accent-secondary);color:var(--text-primary)}.sample-chip-icon{color:var(--accent-secondary)}.image-error-text{color:#f87171;margin-top:12px;font-size:12px}.results-panel{background-color:var(--surface-primary);border-top:1px solid var(--border-subtle);padding:12px 20px}.results-panel-inner{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.diagnostic-card{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;justify-content:space-between;padding:10px 14px;display:flex}.diagnostic-header{align-items:center;gap:7px;margin-bottom:6px;display:flex}.diagnostic-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.diagnostic-dot--purple{background-color:var(--accent-primary)}.diagnostic-dot--green{background-color:var(--color-success);box-shadow:0 0 6px var(--color-success)}.diagnostic-dot--gray{background-color:var(--text-muted)}.diagnostic-dot--blue{background-color:var(--accent-secondary)}.diagnostic-dot--cyan{background-color:#38bdf8}.diagnostic-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.diagnostic-body{align-items:center;min-height:28px;display:flex}.diagnostic-idle-text{color:var(--text-muted);font-size:12px}.diagnostic-status-line{align-items:center;gap:6px;font-size:12px;display:flex}.diag-key{color:var(--text-muted)}.diag-val{color:var(--text-primary);font-weight:600}.diag-val--warn{color:#fbbf24}.diag-sub{color:var(--text-muted);font-size:11px}.diagnostic-metric-group{align-items:baseline;gap:8px;display:flex}.diagnostic-big-metric{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.metric-unit{color:var(--accent-secondary);margin-left:2px;font-size:11px;font-weight:500}.metric-note{color:var(--text-muted);font-size:11px}.studio-right-panel{width:var(--right-panel-width);background-color:var(--surface-primary);border-left:1px solid var(--border-subtle);flex-shrink:0;padding:16px;overflow-y:auto}.feature-panel{flex-direction:column;gap:16px;display:flex}.panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.panel-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.panel-subtitle{color:var(--text-secondary);font-size:12px}.panel-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.pipeline-tag{font-size:10px;font-family:var(--font-mono);background-color:var(--surface-secondary);border:1px solid var(--border-subtle);color:var(--accent-secondary);border-radius:4px;padding:2px 7px;font-weight:600}.pipeline-tag--accent{background-color:var(--accent-primary-alpha);border-color:var(--border-accent);color:var(--accent-primary-hover)}.status-metric-card{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.metric-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.metric-label{color:var(--text-secondary)}.metric-value{color:var(--text-primary);font-weight:600}.metric-value--neutral{color:#38bdf8}.metric-value--success{color:#34d399}.metric-value--warn{color:#fbbf24}.metric-value--mono{font-family:var(--font-mono)}.metric-value--muted{color:var(--text-muted)}.controls-group{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:14px;padding:14px;display:flex}.controls-group-title{letter-spacing:.6px;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.control-badge{background-color:var(--surface-elevated);color:var(--text-secondary);border-radius:4px;padding:1px 5px;font-size:9px}.reset-link-btn{color:var(--accent-secondary);cursor:pointer;background:0 0;border:none;font-size:11px;text-decoration:underline}.control-item{flex-direction:column;gap:6px;display:flex}.control-label-row{justify-content:space-between;align-items:center;display:flex}.control-label{color:var(--text-secondary);font-size:12px}.control-val{font-size:12px;font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.studio-slider{appearance:none;background:var(--surface-elevated);border-radius:3px;outline:none;width:100%;height:5px}.studio-slider::-webkit-slider-thumb{appearance:none;background:var(--gold-primary);cursor:pointer;width:15px;height:15px;box-shadow:0 0 6px var(--gold-primary-glow);transition:transform var(--transition-fast);border:2px solid #fff;border-radius:50%}.studio-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.segmented-control{background-color:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:6px;gap:2px;padding:2px;display:flex}.segmented-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;flex:1;padding:6px;font-size:11px;font-weight:600}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn--active{background-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.toggles-list{flex-direction:column;gap:10px;display:flex}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.toggle-label{color:var(--text-secondary);font-size:12px}.studio-checkbox{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.filter-gallery-section{flex-direction:column;gap:8px;display:flex}.section-subheading{letter-spacing:.6px;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.gallery-counter{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary)}.filter-gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.filter-card{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;display:flex;position:relative}.filter-card:hover{background-color:var(--surface-hover);border-color:var(--border-medium)}.filter-card--selected{background-color:var(--gold-primary-alpha);border-color:var(--gold-primary);box-shadow:var(--shadow-glow)}.filter-card-thumb{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.filter-card-thumb svg{width:100%;height:100%}.filter-card-name{color:var(--text-primary);text-align:center;font-size:11px;font-weight:600}.filter-selected-dot{background-color:var(--accent-secondary);width:6px;height:6px;box-shadow:0 0 6px var(--accent-secondary);border-radius:50%;position:absolute;top:8px;right:8px}.gesture-active-card{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:14px}.gesture-status-title{letter-spacing:.6px;color:var(--text-muted);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.gesture-display{align-items:center;gap:12px;display:flex}.gesture-glyph{background-color:var(--surface-elevated);border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.gesture-info{flex-direction:column;gap:2px;display:flex}.gesture-name{color:var(--text-primary);font-size:14px;font-weight:600}.gesture-confidence{color:var(--text-muted);font-size:11px}.supported-gestures-section{flex-direction:column;gap:8px;display:flex}.section-label{color:var(--text-secondary);font-size:11px}.gestures-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.gesture-chip{background-color:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.gesture-chip--active{background-color:var(--accent-primary-alpha);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 10px var(--accent-primary-glow)}.gesture-history-section{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:12px}.history-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.history-title{letter-spacing:.6px;color:var(--text-muted);font-size:10px;font-weight:700}.clear-log-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:10px}.clear-log-btn:hover{color:var(--text-primary)}.history-empty-state{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;display:flex}.history-empty-text{color:var(--text-secondary);font-size:12px;font-weight:500}.history-empty-sub{color:var(--text-muted);font-size:11px;line-height:1.4}.panel-info-footer{padding-top:8px}.integration-hint{color:var(--text-muted);font-size:11px;line-height:1.5}.home-overview-panel{gap:14px}.quick-launch-banner{border:1px solid var(--border-accent);background:linear-gradient(135deg,#7865ff26 0%,#36c8f426 100%);border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.banner-content{flex-direction:column;gap:2px;display:flex}.banner-title{color:var(--text-primary);font-size:13px;font-weight:700}.banner-sub{color:var(--text-secondary);font-size:11px}.banner-action-btn{background-color:var(--accent-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:600}.banner-action-btn:hover{background-color:var(--accent-primary-hover)}.modules-grid{flex-direction:column;gap:10px;display:flex}.module-card{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;padding:12px}.module-card:hover{background-color:var(--surface-hover);border-color:var(--border-medium);transform:translate(2px)}.module-card-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.module-status-dot{border-radius:50%;width:6px;height:6px}.module-status-text{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.module-card-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.module-card-desc{color:var(--text-secondary);margin-bottom:8px;font-size:11px;line-height:1.4}.module-card-footer{color:var(--accent-secondary);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.architecture-note-card{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:12px}.note-card-title{color:var(--text-primary);align-items:center;gap:7px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.note-card-body{color:var(--text-secondary);font-size:11px;line-height:1.4}.note-card-body code{font-family:var(--font-mono);color:var(--accent-secondary);background-color:var(--surface-elevated);border-radius:3px;padding:1px 4px}.modal-backdrop{background-color:var(--modal-backdrop-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--surface-primary);border:1px solid var(--border-medium);width:100%;max-width:580px;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) modal-pop;display:flex;overflow:hidden}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.modal-subtitle{color:var(--text-secondary);margin-top:3px;font-size:12px}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.modal-close-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.modal-content{padding:20px 24px;overflow-y:auto}.settings-form{flex-direction:column;gap:20px;display:flex}.settings-section-title{letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px;font-size:10px;font-weight:700}.settings-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.settings-label{color:var(--text-primary);font-size:13px;font-weight:500;display:block}.settings-hint{color:var(--text-muted);margin-top:2px;font-size:11px}.settings-select{background-color:var(--surface-secondary);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:6px;outline:none;padding:6px 10px;font-size:12px}.settings-actions{justify-content:flex-end;margin-top:14px;display:flex}.arch-guide{flex-direction:column;gap:16px;display:flex}.arch-card{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:14px}.arch-card-title{color:var(--accent-secondary);margin-bottom:6px;font-size:13px;font-weight:700}.arch-card-text{color:var(--text-secondary);margin-bottom:8px;font-size:12px;line-height:1.5}.arch-list{color:var(--text-secondary);padding-left:18px;font-size:12px;line-height:1.6}.arch-list code{font-family:var(--font-mono);color:var(--accent-secondary);background-color:var(--surface-elevated);border-radius:3px;padding:1px 4px}.arch-code-block{background-color:var(--code-bg);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--code-text);border-radius:6px;margin:6px 0;padding:12px;font-size:11px;line-height:1.4;overflow-x:auto}.pipeline-tag--gold{background:var(--gold-primary-alpha);border-color:var(--gold-border);color:var(--gold-text)}.metric-value--gold{color:#fbbf24;font-weight:600}.jewellery-product-card{background:var(--hero-card-bg);border:1px solid var(--hero-card-border);box-shadow:var(--shadow-md);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative;overflow:hidden}.jewellery-product-card:before{content:"";background:var(--hero-accent-line);height:2px;position:absolute;top:0;left:0;right:0}.jewellery-product-header{justify-content:space-between;align-items:center;display:flex}.jewellery-gold-badge{color:var(--gold-text);background:var(--gold-primary-alpha);border:1px solid var(--gold-border);border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.jewellery-sku-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.jewellery-product-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.jewellery-product-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.jewellery-specs-row{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:8px;display:grid}.spec-item{flex-direction:column;gap:2px;display:flex}.spec-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:10px}.spec-val{color:var(--text-primary);font-size:12px;font-weight:600}.boutique-nav-switch-btn{background:var(--gold-primary-alpha);border:1px solid var(--gold-border);color:var(--gold-text);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.boutique-nav-switch-btn:hover{background:var(--gold-primary-alpha);border-color:var(--gold-primary);color:var(--text-primary)}.category-section-header,.subcategory-section-header{margin-bottom:8px}.category-section-label{letter-spacing:.6px;color:var(--text-muted);font-size:10px;font-weight:700}.category-selector-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:14px;display:grid}.category-grid-card{background-color:var(--surface-secondary);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.category-grid-card:hover{background-color:var(--surface-hover);border-color:var(--border-medium)}.category-grid-card--active{background:var(--gold-gradient-subtle);border-color:var(--gold-border);box-shadow:0 0 10px var(--gold-primary-alpha)}.category-card-icon{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.category-grid-card--active .category-card-icon{color:var(--gold-text)}.category-card-meta{flex-direction:column;display:flex;overflow:hidden}.category-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.category-grid-card--active .category-card-name{color:var(--gold-text);font-weight:700}.category-card-count{color:var(--text-muted);font-size:9px}.subcategory-nav-pills{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.subcat-pill{cursor:pointer;color:var(--text-muted);border:1px solid var(--border-subtle);transition:all var(--transition-fast);background:0 0;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:500}.subcat-pill:hover{color:var(--text-primary);border-color:var(--border-medium)}.subcat-pill--active{background:var(--gold-primary-alpha);color:var(--gold-text);border-color:var(--gold-border);font-weight:700}.filter-card-sub{color:var(--text-muted);margin-top:-2px;font-size:9px}.filter-capability-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;margin-top:3px;padding:1px 6px;font-size:8px;font-weight:700}.filter-capability-badge--live{color:#10b981;background:#10b98124;border:1px solid #10b98159}.filter-capability-badge--cad{color:#38bdf8;background:#38bdf824;border:1px solid #38bdf859}.filter-capability-badge--soon{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.clean-view-btn{color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:500}.clean-view-btn:hover{color:#f87171;background:#ef44441f;border-color:#ef44444d}.fitting-top-bar{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:6px 8px;display:flex}.back-to-catalogue-btn{color:var(--gold-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:5px;padding:2px 4px;font-size:11px;font-weight:600;display:flex}.back-to-catalogue-btn:hover{color:var(--text-primary)}.fitting-nav-arrows{align-items:center;gap:6px;display:flex}.fitting-arrow-btn{cursor:pointer;background:var(--surface-primary);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-fast);border-radius:4px;padding:3px 8px;font-size:10px}.fitting-arrow-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-medium)}.fitting-nav-counter{font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.fitting-product-hero{background:var(--hero-card-bg);border:1px solid var(--hero-card-border);box-shadow:var(--shadow-md);border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex;position:relative;overflow:hidden}.fitting-product-hero:before{content:"";background:var(--hero-accent-line);height:2px;position:absolute;top:0;left:0;right:0}.fitting-hero-thumb{background:var(--surface-secondary);border:1px solid var(--gold-border-subtle);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.fitting-hero-thumb svg{width:36px;height:36px}.fitting-hero-meta{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden}.fitting-hero-badges{align-items:center;gap:8px;display:flex}.fitting-hero-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.tracking-lock-pill{color:var(--text-secondary);align-items:center;gap:6px;margin-top:2px;font-size:10px;display:flex}.tracking-lock-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tracking-lock-text{font-size:10px;font-weight:500}.fitting-segmented-tabs{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:3px;display:grid}.segmented-tab-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;display:flex}.segmented-tab-btn:hover{color:var(--text-primary)}.segmented-tab-btn--active{background:var(--surface-primary);color:var(--gold-text);border:1px solid var(--gold-border);box-shadow:var(--shadow-sm)}.quick-switcher-strip{border-top:1px solid var(--border-subtle);margin-top:14px;padding-top:12px}.quick-switcher-label{letter-spacing:.6px;color:var(--text-muted);margin-bottom:8px;font-size:9px;font-weight:700;display:block}.quick-switcher-row{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.quick-switch-thumb{background:var(--surface-secondary);border:1px solid var(--border-subtle);cursor:pointer;min-width:58px;transition:all var(--transition-fast);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.quick-switch-thumb:hover{border-color:var(--border-medium);background:var(--surface-hover)}.quick-switch-thumb--active{border-color:var(--gold-primary);background:var(--gold-primary-alpha);box-shadow:0 0 8px var(--gold-primary-glow)}.quick-thumb-svg{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.quick-thumb-svg svg{width:100%;height:100%}.quick-thumb-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:50px;font-size:9px;overflow:hidden}.quick-switch-thumb--active .quick-thumb-name{color:var(--gold-text);font-weight:700}.results-panel--collapsed{padding:6px 16px}.results-panel--expanded{padding:10px 16px}.results-panel-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.results-summary-info{align-items:center;gap:8px;font-size:11px;display:flex}.results-summary-text{color:var(--text-secondary);font-weight:600}.results-summary-metric{color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.results-summary-sep{color:var(--border-medium)}.results-summary-badge{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.results-toggle-btn{background:var(--surface-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.results-toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-medium)}.results-panel--expanded .results-panel-inner{margin-top:10px}.floating-camera-hud--showcase{bottom:68px}@media (width<=1120px){:root{--right-panel-width:320px;--sidebar-width:210px}.results-panel-inner{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.studio-body{flex-direction:column;overflow-y:auto}.studio-sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);flex-direction:row;align-items:center;width:100%;padding:8px 16px;overflow-x:auto}.sidebar-nav-header,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;width:100%;overflow-x:auto}.sidebar-nav-item{white-space:nowrap;padding:8px 12px}.studio-right-panel{border-left:none;border-top:1px solid var(--border-subtle);width:100%}.preview-workspace{min-height:380px;padding:12px 14px}}@media (width<=640px){.app-header{padding:0 14px}.brand-subtitle,.header-btn-text{display:none}.results-panel-inner,.filter-gallery-grid{grid-template-columns:1fr}}