.device{background:var(--color-paper);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.device-status{display:none}@media (width>=760px){body{background:#e8e4dd;justify-content:center;align-items:stretch;min-height:100dvh;display:grid}.device{width:min(100vw,480px);box-shadow:0 0 0 1px #14192e0f,0 24px 64px #14192e1f}}@media (width>=760px) and (height>=640px){html[data-frame] body{background:var(--color-paper);place-items:center;padding:24px}html[data-frame] .device{width:394px;height:min(100dvh - 48px,852px);box-shadow:var(--shadow-phone);border:9px solid #14192e;border-radius:44px}html[data-frame] .device-status{background:var(--color-navy);color:#fff;letter-spacing:.01em;flex:none;justify-content:space-between;align-items:center;height:30px;padding:0 18px;font-size:12px;font-weight:700;display:flex}}