.device-simulator{height:100%;padding:12px}.device-simulator>header{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-bottom:12px}.device-simulator select,.device-simulator button{min-height:34px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-subtle);color:var(--text-primary);font-size:8px}.device-frame{position:relative;width:min(720px,100%);min-height:420px;margin:auto;padding:28px 12px 12px;border:8px solid #020617;border-radius:20px;background:#111827;box-shadow:0 24px 60px rgba(0,0,0,.45);transition:width 180ms ease}.device-frame>b{position:absolute;top:7px;left:12px;color:#38bdf8;font-size:7px;letter-spacing:.1em}.device-frame.device-tablet{width:620px}.device-frame.device-mobile,.device-frame.device-guest-mobile,.device-frame.device-staff-mobile,.device-frame.device-manager-mobile,.device-frame.device-patron-mobile{width:340px}.device-frame.device-kiosk,.device-frame.device-kiosk-desk{width:520px;min-height:520px}.device-frame.is-landscape.device-mobile,.device-frame.is-landscape.device-guest-mobile,.device-frame.is-landscape.device-staff-mobile,.device-frame.is-landscape.device-manager-mobile,.device-frame.is-landscape.device-patron-mobile{width:620px;min-height:320px}.device-screen{height:100%;min-height:360px;padding:22px;border-radius:10px;background:#0f172a;color:#f8fafc}.device-screen small{color:#38bdf8;font-size:7px}.device-screen h3{margin:8px 0;font-size:20px}.device-screen p{color:#94a3b8}.device-screen label{display:grid;gap:4px;margin:12px 0;color:#94a3b8;font-size:8px}.device-screen input{min-height:38px;border:1px solid #334155;border-radius:6px;background:#111827;color:#f8fafc}.device-screen button{width:100%;min-height:42px;border-color:#0ea5e9;background:#0ea5e9;color:white}.device-frame[data-theme=light] .device-screen{background:#f8fafc;color:#0f172a}.device-frame[data-theme=light] input{background:white;color:#0f172a}@media(prefers-reduced-motion:reduce){.device-frame{transition:none}}@media(max-width:700px){.device-frame,.device-frame.device-tablet,.device-frame.device-mobile{width:100%;min-height:380px}}