.device-frame{width:100%;position:relative}.device-frame .phone-screen{width:var(--device-width);height:var(--device-height);transform:scale(var(--preview-scale));transform-origin:0 0;background:#090d16;border-radius:20px;outline:2px solid #36435a;flex-direction:column;display:flex;overflow:hidden}.device-frame .status-bar{background:#242832;flex:none;justify-content:space-between;height:24px;padding:4px 18px;font-size:12px;display:flex}.device-frame .browser-top{height:var(--top-height);background:#242832;flex:none;align-items:center;gap:14px;padding:0 12px;display:flex;overflow:hidden}.device-frame .address{background:#383e49;border-radius:24px;flex:1;padding:9px 12px;font-size:14px}.device-frame .browser-bottom{height:var(--bottom-height);background:#242832;flex:none;justify-content:space-around;align-items:center;display:flex;overflow:hidden}.device-frame .web-viewport{flex:1;min-height:0;overflow:auto}