.model-result-viewer[hidden] { display: none !important; }
.model-result-viewer { position: absolute; inset: 0; display: flex; flex-direction: column; background: #141a18; color: #edf2ef; z-index: 3; min-height: 0; }
.model-result-stage {
    background: #191919; flex: 1; min-height: 0; position: relative; }
.model-result-stage canvas { display: block; width: 100%; height: 100%; touch-action: none; }
.model-result-status { position: absolute; inset: 40% 18px auto; text-align: center; font-size: 14px; pointer-events: none; }
.model-result-status[hidden] { display: none; }
.model-result-hint { padding: 3px 12px 8px; text-align: center; font-size: 12px; color: #a5b8ae; }
.model-result-context-menu[hidden] { display: none; }
.model-result-context-menu { position: absolute; z-index: 5; display: flex; flex-direction: column; min-width: 164px; padding: 5px; border: 1px solid #53665d; border-radius: 8px; background: #1b2821; box-shadow: 0 5px 20px #0006; }
.model-result-context-menu button { border: 0; border-radius: 4px; background: transparent; color: inherit; padding: 9px 12px; font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.model-result-context-menu button:hover:not(:disabled), .model-result-context-menu button:focus-visible { background: #354a3e; outline: none; }
.model-result-context-menu button:disabled { opacity: .4; cursor: default; }
.model-result-fullscreen { position: fixed; inset: 0; margin: 0; padding: 0; border: 0; width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; background: #141a18; color: #edf2ef; }
.model-result-fullscreen::backdrop { background: #0d1210; }
.result-box.has-model-viewer > .result-placeholder,
.result-box.has-model-viewer > .result-img,
.result-box.has-model-viewer > .result-video { visibility: hidden; }