*{box-sizing:border-box}html,body{color:#eee;background:#080808;width:100%;height:100%;margin:0;font:12px system-ui;overflow:hidden}body{height:100dvh}#preview-stage{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}#frame-holder{position:relative;container-type:inline-size}#frame-viewport{position:relative;overflow:hidden}iframe{transform-origin:0 0;background:#080808;border:0;display:block}.device-toolbar{white-space:nowrap;background:#181818;border-bottom:1px solid #ffffff26;align-items:center;gap:12px;width:100%;height:44px;padding:5px 8px;display:flex}.device-toolbar a{color:#fff;font-size:12px;line-height:1.4;text-decoration:none}.conversion-label{color:#bbb;font-size:11px}.device-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.device-controls label{font-size:12px}.device-toolbar select,.device-toolbar button{color:#fff;background:#252525;border:1px solid #555;border-radius:3px;height:32px;padding:4px 7px;font:12px system-ui}.device-toolbar button{cursor:pointer}.device-toolbar output{color:#bbb;font-variant-numeric:tabular-nums;font-size:11px}a:focus-visible,select:focus-visible,button:focus-visible{outline-offset:2px;outline:2px solid #9ce1ce}@container (width<=620px){.device-toolbar output,.device-controls label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@container (width<=430px){.conversion-label{display:none}.device-toolbar{gap:8px}}@container (width<=270px){.device-toolbar{gap:4px;padding:5px 4px}.device-toolbar a{font-size:10px}.device-toolbar select,.device-toolbar button{padding:4px;font-size:11px}}