.ViewportControls_panel__dgzSj{max-width:calc(100% - 32px);color:var(--df-text)}.ViewportControls_toolbar__8vSya{display:flex;align-items:stretch;gap:6px}.ViewportControls_shell__P4JR4,.ViewportControls_toolbar__8vSya .df-fidelity-compact{position:static;display:flex;align-items:center;gap:7px;min-width:0;min-height:var(--df-hud-height,42px);padding:4px 5px 4px 10px;border:1px solid var(--df-hud-border,var(--df-border));border-radius:var(--df-hud-radius,10px);background:var(--df-hud-surface,var(--df-panel));box-shadow:var(--df-hud-shadow,0 4px 20px #0002);color:var(--df-muted)}.ViewportControls_shell__P4JR4>svg,.ViewportControls_toolbar__8vSya .df-fidelity-compact>svg{flex:0 0 auto;color:var(--accent)}.ViewportControls_label__rhMtt,.ViewportControls_toolbar__8vSya .df-fidelity-compact>label{flex:0 0 auto;font-size:11px;font-weight:500}.ViewportControls_shell__P4JR4 select,.ViewportControls_toolbar__8vSya .df-fidelity-compact select{flex:1 1 96px;min-width:0;width:96px;min-height:32px;border:0;border-radius:6px;background:var(--paper-deep);padding:6px 8px;color:var(--df-text);font-size:11px;cursor:pointer}.ViewportControls_shell__P4JR4[data-lighting-mode=studio],.ViewportControls_shell__P4JR4[data-surface-mode=flat],.ViewportControls_toolbar__8vSya .df-fidelity-compact[data-fidelity=cinematic]{border-color:color-mix(in srgb,var(--accent) 50%,var(--df-border))}.df-photo-mode .ViewportControls_panel__dgzSj{display:none}@media (max-width:1200px){.ViewportControls_panel__dgzSj{width:min(390px,calc(100% - 32px))}.ViewportControls_toolbar__8vSya{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ViewportControls_toolbar__8vSya .df-fidelity-compact[data-fidelity]{grid-column:1/-1}}@media (max-width:700px){.ViewportControls_panel__dgzSj{width:min(370px,calc(100% - 20px));max-width:calc(100% - 20px)}.ViewportControls_toolbar__8vSya{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.ViewportControls_toolbar__8vSya .df-fidelity-compact[data-fidelity]{grid-column:auto}.ViewportControls_shell__P4JR4,.ViewportControls_toolbar__8vSya .df-fidelity-compact{justify-content:center;gap:4px;min-height:var(--df-hud-height,42px);padding:4px}.ViewportControls_label__rhMtt,.ViewportControls_toolbar__8vSya .df-fidelity-compact>label{display:none}.ViewportControls_shell__P4JR4 select,.ViewportControls_toolbar__8vSya .df-fidelity-compact select{width:100%!important;flex:1 1 auto;min-width:0;height:32px;min-height:32px!important;padding:6px 4px;font-size:12px!important}}.FpsCounter_meter__em6w_{position:absolute;bottom:16px;left:16px;z-index:12;pointer-events:none;display:flex;align-items:center;gap:7px;max-width:calc(100% - 32px);padding:4px 10px;color:var(--df-muted,#a6acb6);font:11px/1.3 ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;contain:layout paint}.FpsCounter_meter__em6w_ output{min-width:48px;color:var(--df-text,#f0f1f3);font-weight:600}.FpsCounter_meter__em6w_ span{min-width:0;overflow:hidden;color:var(--df-muted,#a6acb6);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.df-photo-import .FpsCounter_meter__em6w_{position:fixed}@media(max-width:700px){.FpsCounter_meter__em6w_{bottom:10px;left:10px;min-height:42px;padding:3px 8px}.FpsCounter_meter__em6w_ span{display:none}}