:root{--phone-w: 390px;--phone-h: 844px;--bezel: 14px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#e7e5e4;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:24px}#phone-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#phone-frame{position:relative;width:var(--phone-w);height:var(--phone-h);max-width:100vw;max-height:100dvh;background:#000;overflow:hidden}#station-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff}#station-viewport iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;transition:transform .22s ease;background:#fff}#desktop-controls{display:none}@media(min-width:700px)and (min-height:700px){html,body{overflow:auto}#app{flex-direction:row}#phone-wrap{width:auto;height:auto}#phone-frame{width:var(--phone-w);height:min(var(--phone-h),92dvh);border-radius:44px;border:var(--bezel) solid #1a1a1a;box-shadow:0 20px 60px #00000059,0 0 0 2px #000}#station-viewport{border-radius:30px}#desktop-controls{display:flex;flex-direction:column;gap:8px;background:#fff;padding:14px 16px;border-radius:12px;box-shadow:0 4px 20px #0000001f;font-size:13px;color:#444;min-width:220px}#desktop-controls select{font-size:14px;padding:8px 10px;border-radius:8px;border:1px solid #ccc;direction:rtl}}@media(prefers-reduced-motion:reduce){#station-viewport iframe{transition:none}}