/* Ergänzung nur für ?mode=phone und Home-Bildschirm-Web-App. */
.phone-review-bar,.phone-instructions,#phone-menu-close{display:none}
.phone-mode,.phone-mode body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#f4f3f8}
.phone-mode .review-header,.phone-mode .preview-caption,.phone-mode .preview-footnote{display:none}
.phone-mode .review-board{position:fixed;top:var(--phone-top,0px);left:0;right:0;width:100%;max-width:none;height:var(--phone-height,100dvh);margin:0;display:flex;flex-direction:column;gap:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#f4f3f8}
.phone-mode .phone-review-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;flex-shrink:0;padding:0 16px;border-bottom:1px solid #e4e0eb;font-size:11px;color:#746e7e}
.phone-review-bar button{border:0;background:transparent;color:#5955e8;font-size:12px;min-height:44px;padding:8px}
.phone-mode .preview-column{width:100%;min-width:0;min-height:0;flex:1;display:flex;flex-direction:column}
.phone-mode #preview-viewport{flex:1;width:100%;height:100%;min-height:0;padding:0;overflow:hidden}
.phone-mode #device-space{width:100%!important;height:100%!important;margin:0}
.phone-mode #device{width:100%!important;height:100%!important;transform:none!important;border:0;border-radius:0;box-shadow:none}
.phone-mode .systembar,.phone-mode .home-indicator{display:none}
.phone-mode #app{padding-bottom:0}
.phone-mode .app-content,.phone-mode .sheet{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.phone-mode .field,.phone-mode .app-content select,.phone-mode .sheet select,.phone-mode .sheet textarea{font-size:max(16px,1em)}
.phone-mode .app-footer{padding-bottom:12px}
.phone-mode .tabs{padding-bottom:8px}
.phone-mode .sheet{max-height:100%}
.phone-mode #review-toast{bottom:calc(env(safe-area-inset-bottom,0px) + 18px)}
.phone-mode .review-controls{display:none}
.phone-mode.phone-mode body.phone-menu-open .review-controls{display:block;position:absolute;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);max-width:none;width:auto;z-index:30;overflow:auto;padding:18px 22px 30px;background:#f0eff4;color:#282633}
.phone-mode #phone-menu-close{display:block;position:sticky;top:0;margin-left:auto;z-index:1;background:#e5e1ee;min-height:44px}
.phone-mode .phone-instructions{display:block;font-size:13px;line-height:1.6}
.phone-mode .phone-instructions h2{font-size:19px}
.phone-mode .review-controls>label:has(#review-device),.phone-mode #device-meta,.phone-mode #posture-label,.phone-mode #custom-size,.phone-mode .review-controls>label:has(#review-zoom),.phone-mode #lock-label,.phone-mode #surface-label,.phone-mode .control-pair>label:has(#review-orientation){display:none!important}
.phone-mode .control-pair{grid-template-columns:1fr}
.phone-mode .phone-dark .review-board,.phone-mode body.phone-dark{background:#111115}
.phone-mode .phone-dark .phone-review-bar{border-color:#39323f;color:#b0a7bd}
.phone-mode .phone-dark .phone-review-bar button{color:#aba8ff}
/* Auch quer bleibt das physische Smartphone eine kompakte Appoberfläche. */
.phone-mode .rail,.phone-mode .context-pane{display:none!important}
.phone-mode .app-main .tabs{display:flex}
.phone-mode .topbar .wordmark{visibility:visible}
@media(max-height:500px){.phone-mode .splash{padding-top:0;justify-content:flex-start}.phone-mode .splash>.logo{margin:10px auto;width:52px;height:52px}.phone-mode .app-content{padding-top:8px}.phone-mode .topbar{margin-bottom:8px}}