:root{--qv-panel-w: 340px;--qv-gutter: var(--sp-3);--qv-accent-ink: var(--accent)}:root[data-theme=light]{--qv-accent-ink: var(--g-700)}html .base-badge--accent,.qv-drop-icon,.qv-matpanel .base-icon--accent,.qv-matpanel .base-btn--pill .base-icon,.qv-matpanel .base-option.is-active .base-option__title,.mso-item.mso-green .base-icon,.mso-item.mso-green b{color:var(--qv-accent-ink)}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg-page);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}.qv-root{position:fixed;inset:0;background:var(--bg-page);color:var(--fg-primary);transition:background var(--dur-normal) var(--ease-std),color var(--dur-normal) var(--ease-std)}.qv-stage{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-std)}.qv-root.has-model .qv-stage{opacity:1;pointer-events:auto}.qv-stage iframe{width:100%;height:100%;border:0;display:block;background:transparent}.qv-viewport{position:absolute;inset:0 var(--qv-panel-w) 0 0;z-index:30;pointer-events:none}.qv-viewer-tools{position:absolute;top:var(--qv-gutter);right:var(--qv-gutter);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:auto}.qv-tool-btn{position:relative}.qv-tool-btn:after{content:"";position:absolute;inset:-6px}.qv-brand{position:absolute;top:var(--qv-gutter);left:var(--qv-gutter);z-index:30;display:flex;align-items:center;height:32px;gap:9px}.qv-logo{height:var(--lockup-sm);width:auto;display:block}.qv-logo-light,html[data-theme=light] .qv-logo-dark{display:none}html[data-theme=light] .qv-logo-light{display:block}.qv-drop{position:absolute;inset:0 var(--qv-panel-w) 0 0;display:grid;place-items:center;padding:var(--sp-6);transition:opacity var(--dur-slow) var(--ease-std)}.qv-root.has-model .qv-drop{opacity:0;pointer-events:none}.qv-drop-card{width:min(440px,100%);padding:var(--sp-10) var(--sp-8);border-style:dashed;border-color:var(--border-default);text-align:center;cursor:pointer;transition:border-color var(--dur-normal) var(--ease-std),background var(--dur-normal) var(--ease-std)}.qv-drop-card:hover{border-color:var(--accent-border)}.qv-drop-card.drag-over{border-color:var(--accent);border-style:solid;background:var(--accent-soft)}.qv-drop-icon{margin-bottom:var(--sp-4);line-height:1}.qv-drop-icon .base-icon{margin-inline:auto}.qv-drop-title{margin:0 0 var(--sp-2);font-size:var(--text-md);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--fg-primary);letter-spacing:var(--tracking-tight)}.qv-drop-sub{margin:0 0 var(--sp-5);font-size:var(--text-sm);color:var(--fg-secondary);line-height:var(--lh-normal)}.qv-drop-note{margin:var(--sp-4) 0 0;font-size:var(--text-2xs);color:var(--fg-tertiary);line-height:var(--lh-normal)}.qv-overlay{position:absolute;inset:0;z-index:40;background:var(--accent-soft-1);border:2px solid var(--accent);opacity:0;pointer-events:none;transition:opacity var(--dur-normal) var(--ease-std)}.qv-overlay.active{opacity:1}.qv-loading{position:absolute;inset:0;z-index:35;display:none;place-items:center;background:var(--bg-page)}.qv-loading.active{display:grid}.qv-spin{width:34px;height:34px;background:var(--accent);border-radius:var(--radius-sm);animation:bbMorph 1.7s cubic-bezier(.65,0,.35,1) infinite;will-change:transform,border-radius}@keyframes bbMorph{0%{border-radius:var(--radius-sm);transform:rotate(0) scale(.82)}50%{border-radius:50%;transform:rotate(180deg) scale(1.05)}to{border-radius:var(--radius-sm);transform:rotate(360deg) scale(.82)}}.qv-toast{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:60;max-width:min(90vw,420px);padding:var(--sp-3) var(--sp-4);border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--n-850);color:var(--danger-fg);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-align:center;opacity:0;pointer-events:none;transition:opacity var(--dur-normal) var(--ease-std)}.qv-toast.show{opacity:1}.qv-leftbottom{position:absolute;left:var(--qv-gutter);bottom:var(--qv-gutter);z-index:30;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);max-width:min(52vw,420px)}.qv-filebar{display:none;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-raised);font-size:var(--text-xs);color:var(--fg-secondary)}.qv-root.has-model .qv-filebar{display:flex}.qv-filebar-top{display:flex;align-items:center;gap:10px;max-width:100%}.qv-filebar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-semibold)}.qv-filebar-size{color:var(--fg-tertiary);flex:0 0 auto;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.qv-stats{display:flex;align-items:center;gap:6px;flex-wrap:wrap;pointer-events:none}.mso-item{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-3xs);color:var(--fg-tertiary);letter-spacing:.01em;white-space:nowrap}.mso-item .base-icon{width:var(--icon-sm);height:var(--icon-sm);opacity:.5}.mso-item b{font-weight:var(--fw-semibold);color:var(--fg-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.mso-sep{width:1px;height:10px;background:var(--border-subtle);flex-shrink:0}.qv-matpanel{position:absolute;top:0;right:0;bottom:0;z-index:25;width:var(--qv-panel-w);padding:var(--qv-gutter);gap:var(--sp-3)}.qv-panel-actions{flex-shrink:0;flex-wrap:nowrap;gap:var(--sp-2)}.qv-panel-actions>.base-btn{flex:1 1 auto;min-width:0}.qv-newbtn{display:none}.qv-root.has-model .qv-newbtn{display:inline-flex}.qv-mat-reset,.qv-mat-card{flex-shrink:0}.qv-matname-well{padding-right:4px}.pick-material-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--qv-accent-ink);filter:none}.pick-material-btn.active .base-icon{color:var(--qv-accent-ink)}.control-group-select[data-base-bridged]{display:none}.base-select.is-disabled{opacity:.45;pointer-events:none}.control-group-select{width:100%;height:40px;padding:0 var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-field);color:var(--fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-std)}.control-group-select:focus{border-color:var(--focus-ring)}.control-group-select:disabled{opacity:.45;cursor:not-allowed}.qv-mat-groups{display:flex;flex-direction:column;gap:var(--sp-3)}.qv-mat-groups .base-menu{position:static;margin-top:6px;max-height:none}.qv-matpanel .material-row-inline{display:flex;gap:var(--sp-3);align-items:stretch}.qv-matpanel .material-row-inline .inline-half{flex:1;min-width:0}.qv-matpanel .material-row-inline .factor-box,.qv-matpanel .material-row-inline .texture-box{display:flex;align-items:center;gap:6px;height:var(--sp-12)}.qv-matpanel .bpcp-wrap{display:block;min-width:0}.qv-matpanel .material-row-inline .bpcp-wrap{flex:1}.qv-matpanel .material-row-inline .bpcp-btn{width:100%;height:var(--sp-12);border-radius:var(--radius-md)}.qv-matpanel .material-control-row-hizala .bpcp-wrap{flex:1 1 auto}.qv-matpanel .material-control-row-hizala .bpcp-btn{width:100%;height:32px;border-radius:var(--radius-sm)}.qv-matpanel .material-row-inline .texture-display-box{flex:1;width:auto;height:var(--sp-12);min-width:var(--sp-12);border-radius:var(--radius-md)}.qv-matpanel .material-row-inline .texture-display-box .texture-name{display:none}.qv-matpanel .material-control-row-hizala{display:flex;align-items:center;gap:10px;width:100%}.qv-matpanel .material-control-row-hizala.bp-vrow>input[type=range]{flex:1 1 auto;min-width:0}.qv-matpanel .material-control-row-hizala .texture-display-box,.qv-matpanel .reset-btn{flex-shrink:0}.qv-matpanel .base-slider__value{font-variant-numeric:tabular-nums}.qv-matpanel .base-select{min-width:0}.qv-matpanel .group-content .base-select{flex:1 1 auto}.qv-matpanel .texture-display-box{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:64px;height:64px;border:1px dashed var(--border-subtle);border-radius:var(--radius-md);background-color:var(--bg-inset);background-size:cover;background-position:center;overflow:hidden;transition:border-color var(--dur-fast) var(--ease-std)}.qv-matpanel .texture-display-box.active{border:1px solid var(--accent);background-color:var(--bg-inset);background-size:contain;background-position:center;background-repeat:no-repeat}.qv-matpanel .texture-display-box.active:after{content:"";position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg-page)}.qv-matpanel .texture-display-box.active .base-icon,.qv-matpanel .texture-display-box.active .texture-name{display:none}.qv-matpanel .texture-display-box .base-icon{width:var(--icon-lg);height:var(--icon-lg);color:var(--fg-tertiary);margin-bottom:var(--sp-1)}.qv-matpanel .texture-display-box .texture-name{max-width:60px;font-size:var(--text-3xs);color:var(--fg-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.qv-matpanel .switch-row{gap:10px}.qv-matpanel .switch-row .base-switch{flex-shrink:0}@media(max-width:900px){:root{--qv-panel-w: 0px}.qv-matpanel{top:var(--qv-gutter);right:var(--qv-gutter);bottom:auto;width:auto;max-width:calc(100vw - var(--sp-6));padding:0;gap:0;background:transparent;border-left:0}.qv-matpanel>:not(.qv-panel-actions){display:none}.qv-viewer-tools{top:calc(var(--qv-gutter) + 32px + var(--sp-2))}.qv-leftbottom{max-width:calc(100vw - var(--sp-6))}}@media(max-width:640px){.qv-panel-actions{flex-direction:column;align-items:flex-end}.qv-panel-actions>.base-btn{flex:0 0 auto}.qv-brand .base-badge{display:none}.qv-viewer-tools{top:calc(var(--qv-gutter) + 72px + var(--sp-2))}.qv-drop-card{padding:var(--sp-8) var(--sp-5)}.qv-drop-title{font-size:var(--text-base)}.qv-drop-sub{font-size:var(--text-xs)}.qv-filebar{max-width:calc(100vw - 150px)}}@media(prefers-reduced-motion:reduce){.qv-stage,.qv-drop,.qv-overlay,.qv-toast{transition:none}.qv-spin{animation-duration:3.4s}}