.FramePreviewCanvas{background:var(--admin-color-bg-surface-raised);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.FramePreviewCanvas--fullscreen{border-radius:0;bottom:0;box-shadow:none;left:0;position:fixed;right:0;top:0;z-index:100}.FramePreviewCanvas__toolbar{align-items:center;background:var(--admin-color-bg-surface-raised);border-bottom:var(--border-default);display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.FramePreviewCanvas__viewModes{border:var(--border-default);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.FramePreviewCanvas__viewBtn{background:none;border:none;color:var(--admin-color-text-subdued);cursor:pointer;font:inherit;font-size:var(--font-size-sm);font-weight:600;min-height:2rem;padding:0 var(--space-3);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.FramePreviewCanvas__viewBtn:not(:last-child){border-right:var(--border-default)}.FramePreviewCanvas__viewBtn:hover{background:var(--admin-color-bg-hovered);color:var(--admin-color-text)}.FramePreviewCanvas__viewBtn--active{background:var(--admin-color-brand);color:#fff}.FramePreviewCanvas__viewBtn--active:hover{background:var(--admin-color-brand-hovered);color:#fff}.FramePreviewCanvas__sampleSelector{align-items:center;display:flex;gap:var(--space-2);margin-left:auto}.FramePreviewCanvas__sceneSelector{align-items:center;display:flex;gap:var(--space-2)}.FramePreviewCanvas__sampleLabel{color:var(--admin-color-text-subdued);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.FramePreviewCanvas__sampleSelect{border:var(--border-default);border-radius:var(--radius-md);color:var(--admin-color-text);font:inherit;font-size:var(--font-size-sm);min-height:2rem;padding:0 var(--space-3);transition:border-color var(--duration-fast) var(--ease-default)}.FramePreviewCanvas__sampleSelect:focus{box-shadow:var(--shadow-ring);outline:none}.FramePreviewCanvas__autoBtn{background:var(--admin-color-bg-subdued, rgba(0, 0, 0, .06));border:var(--border-default);border-radius:var(--radius-md);color:var(--admin-color-text-subdued);cursor:pointer;flex-shrink:0;font:inherit;font-size:11px;font-weight:600;letter-spacing:.03em;min-height:2rem;padding:0 var(--space-2);text-transform:uppercase;transition:all var(--duration-fast) var(--ease-default)}.FramePreviewCanvas__autoBtn--active{background:var(--admin-color-brand);border-color:var(--admin-color-brand);color:#fff}.FramePreviewCanvas__autoBtn:hover{opacity:.85}.FramePreviewCanvas__viewport{align-items:center;background:#1a1a1a;display:flex;flex:1 1 auto;justify-content:center;min-height:56rem;overflow:hidden;position:relative}.FramePreviewCanvas--fullscreen .FramePreviewCanvas__viewport{min-height:0}.FramePreviewCanvas__canvas{display:block;height:auto;width:100%}.RendererPreviewHost{display:flex;align-items:center;justify-content:center}.RendererPreviewHost__webgl,.RendererPreviewHost__three{display:block;width:100%;height:100%;min-height:56rem;cursor:grab;touch-action:none}.PreviewTiltStage{width:100%;perspective:1100px;display:flex;align-items:center;justify-content:center;padding:var(--space-4);cursor:grab;touch-action:none}.PreviewTiltStage--dragging{cursor:grabbing}.PreviewTiltStage__plane{width:100%;transform-style:preserve-3d;transform-origin:center center;will-change:transform,filter}@media(prefers-reduced-motion:reduce){.PreviewTiltStage__plane{transition:none!important}}.FramePreviewCanvas__loading{align-items:center;background:#0000008c;bottom:0;color:#ffffffd9;display:flex;font-size:var(--font-size-sm);font-weight:500;justify-content:center;left:0;letter-spacing:.02em;position:absolute;right:0;top:0}.FramePreviewCanvas__error{align-items:center;color:var(--admin-color-critical);display:flex;flex-direction:column;font-size:var(--font-size-md);gap:var(--space-2);justify-content:center;padding:var(--space-5);text-align:center}.FramePreviewCanvas__3dPlaceholder{align-items:center;color:var(--admin-color-text-disabled);display:flex;font-size:var(--font-size-md);font-style:italic;justify-content:center;padding:var(--space-8) var(--space-5)}.FramePreviewCanvas__footer{align-items:center;background:var(--admin-color-bg-surface-raised);border-top:var(--border-default);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) var(--space-4)}.FramePreviewCanvas__info{color:var(--admin-color-text-subdued);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FramePreviewCanvas__attribution{align-items:center;background:var(--admin-color-bg-subdued, rgba(0, 0, 0, .06));border-radius:50%;color:var(--admin-color-text-subdued);cursor:help;display:inline-flex;font-size:10px;font-weight:600;height:16px;justify-content:center;margin-left:6px;text-decoration:none;vertical-align:middle;width:16px}.FramePreviewCanvas__attribution:hover{background:var(--admin-color-bg-container, rgba(0, 0, 0, .12));color:var(--admin-color-text)}.FramePreviewCanvas__fullscreenBtn{background:none;border:var(--border-default);border-radius:var(--radius-md);color:var(--admin-color-text-subdued);cursor:pointer;flex-shrink:0;font:inherit;font-size:var(--font-size-sm);font-weight:500;min-height:1.75rem;padding:0 var(--space-3);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.FramePreviewCanvas__fullscreenBtn:hover{background:var(--admin-color-bg-hovered);color:var(--admin-color-text)}.FramePreviewCanvas__footerActions{display:flex;gap:var(--space-2)}.FramePreviewCanvas__cropOverlay{align-items:center;display:flex;flex-direction:column;height:100%;isolation:isolate;justify-content:center;position:relative;width:100%}.FramePreviewCanvas__cropSnapshot{display:block;max-height:100%;max-width:100%;object-fit:contain}.FramePreviewCanvas__cropMask{background:#00000080;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.FramePreviewCanvas__cropBox{border:2px solid #ffffff;box-shadow:0 0 0 1px #0000004d,0 2px 8px #0006;cursor:grab;position:absolute;z-index:2}.FramePreviewCanvas__cropBox:active{cursor:grabbing}.FramePreviewCanvas__cropBox:before{background:#00000080;content:"";top:0;right:0;bottom:0;left:0;mix-blend-mode:destination-out;position:absolute}.FramePreviewCanvas__cropHandle{background:#fff;border-radius:var(--radius-full);box-shadow:0 1px 3px #0006;height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.FramePreviewCanvas__cropActions{bottom:var(--space-3);display:flex;gap:var(--space-2);position:absolute;z-index:3}@media(max-width:640px){.FramePreviewCanvas__toolbar{flex-direction:column;align-items:stretch}.FramePreviewCanvas__sampleSelector{margin-left:0}.FramePreviewCanvas__sampleSelect{flex:1 1 0;min-width:0}.FramePreviewCanvas__sceneSelector{width:100%}.FramePreviewCanvas__viewport{min-height:16rem}.RendererPreviewHost__webgl,.RendererPreviewHost__three{min-height:24rem}}