:root{font-family:'Segoe UI',Arial,sans-serif;background:#eaf0f7;color:#18273e}*{box-sizing:border-box}body{margin:0}.device-toolbar{height:54px;background:#fff;border-bottom:1px solid #dce5f1;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;z-index:10;padding:6px 12px}.device-tabs{display:flex;border:1px solid #e0e7f1;border-radius:11px;padding:3px;background:#f5f8fc;gap:4px}.device-tabs button{border:0;background:transparent;color:#7388a6;border-radius:8px;min-width:47px;height:34px;display:flex;align-items:center;justify-content:center;gap:7px;font:600 12px 'Segoe UI',Arial;cursor:pointer;padding:0 12px}.device-tabs svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.device-tabs button[aria-pressed=true]{background:#2160f5;color:#fff;box-shadow:0 2px 6px #2160f52b}.device-tabs button:focus-visible{outline:3px solid #83bdff;outline-offset:2px}#deviceDescription{font-size:11px;color:#8395af;min-width:95px}.device-stage{height:calc(100dvh - 54px);height:calc(100vh - 54px);width:100%;overflow:auto;display:flex;align-items:stretch}#siteFrame{border:0;display:block;flex-shrink:0;height:100%;background:#f7f9fc}.device-stage[data-mode=phone] #siteFrame{width:min(430px,100%);margin:0 auto;box-shadow:0 0 0 1px #dce5f0,0 12px 40px #293d591a}.device-stage[data-mode=desktop] #siteFrame{width:100%;min-width:1080px;margin:0}@supports(height:100dvh){.device-stage{height:calc(100dvh - 54px)}}@media(max-width:480px){.device-tabs button{padding:0 10px}.device-toolbar{gap:10px}#deviceDescription{min-width:0;font-size:10px}}
.device-stage{position:relative;overflow:hidden}.device-stage[data-mode=desktop] #siteFrame{position:absolute;left:0;top:0;transform-origin:top left}.device-stage[data-mode=phone] #siteFrame{position:relative}