html,body{margin:0;padding:0}body{overflow:hidden}*{box-sizing:border-box}#root{position:relative;display:flex;width:100vw;height:100vh}body.light{background-color:#fff}body.dark{background-color:#000}.aside{position:absolute;top:0;right:0;bottom:0;border-left:1px solid #ccc;background-color:#fff}.aside-border{cursor:ew-resize;user-select:none;position:absolute;top:0;bottom:0;width:5px}.iframe{width:100%;height:100%;border:none;background-color:#fff}.iframe-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;text-align:center;background-color:#fff}.iframe.resizing{pointer-events:none}.dropdown{pointer-events:auto;user-select:none;overflow:hidden;border:1px solid #ccc;border-radius:10px;opacity:.95;background-color:#fff}.dropdown:hover .dropdown-popover{display:block}.dropdown .dropdown-popover.hidden,.dropdown .dropdown-popover{display:none}.dropdown .display-button,.dropdown .dropdown-button{cursor:pointer;position:relative;overflow:hidden;width:100%;height:30px;margin:0;padding-right:20px;border:0;font-size:14px;line-height:30px;text-align:center;text-overflow:ellipsis;white-space:nowrap;background-color:#0000}.dropdown .dropdown-button:hover{background-color:#eee}.dropdown .display-button .arrow{position:absolute;top:50%;right:7px;transform:translateY(-50%);width:10px;height:10px}.dropdown.align-left .display-button,.dropdown.align-left .dropdown-button{text-align:left}.handlebar{pointer-events:none;position:absolute;z-index:2;top:15px;right:15px;display:flex;gap:10px;align-items:flex-start;justify-content:flex-end;height:32px}.viewport{position:absolute;inset:0;overflow:hidden;display:flex;flex:1;align-items:center;justify-content:center}.assembly-button,.assembly-button-vertical{position:absolute;width:70px;height:70px;border-top:1px solid #999;border-right:2px solid #777;border-bottom:1px solid #aaa;border-left:2px solid #777;border-radius:3px;background-color:#999;box-shadow:0 0 3px #fff inset}.assembly-button-vertical{border-top:2px solid #777;border-right:1px solid #aaa;border-bottom:2px solid #777;border-left:1px solid #999}.assembly-camera{width:18px;height:18px;border-radius:50%;background-color:#222;box-shadow:0 0 3px #333 inset}.assembly-camera .assembly-camera-lens{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background-color:#111}.assembly-camera .assembly-camera-light{position:absolute;top:1px;left:1px;width:6px;height:8px;border-radius:100% 0% 34% 66%/83% 1% 99% 17%;background-image:linear-gradient(45deg,#3023ae,#f09)}.assembly-frame{position:absolute;inset:-4px;border:1px solid #7a7a7a;border-radius:74px;background-color:#464646;box-shadow:0 0 2px #fff inset}.ipad{position:relative;flex-shrink:0;width:1050px;height:798px}.ipad .assembly-frame{border-radius:38px}.ipad .ipad-surface{position:relative;width:100%;height:100%;border-radius:35px;background-color:#000}.ipad .ipad-screen{position:absolute;top:30px;left:30px;overflow:hidden;width:990px;height:738px;border-radius:10px;box-shadow:0 0 1px #ffffff80}.ipad .ipad-screen.no-wrapper{border-radius:0;box-shadow:none}.ipad .assembly-camera{position:absolute;z-index:2;top:50%;left:4px;margin-top:-6px}.ipad .ipad-btn-increase,.ipad .ipad-btn-decrease{top:-7px;left:90px;width:70px;height:70px}.ipad .ipad-btn-decrease{left:170px}.iphone{position:relative;flex-shrink:0;width:411px;height:848px}.iphone .assembly-frame{border-radius:63px}.iphone .assembly-camera{position:absolute;top:4px;right:40px}.iphone .iphone-surface{position:relative;width:100%;height:100%;border-radius:60px;background-color:#111;box-shadow:0 0 10px #000 inset}.iphone .iphone-screen{position:absolute;top:18px;left:18px;overflow:hidden;width:375px;height:812px;border-radius:47px;box-shadow:0 0 1px #ffffff80}.iphone .iphone-bangs{position:absolute;z-index:1;top:18px;left:50%;width:200px;height:30px;margin-left:-100px;border-bottom:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;background-color:#111}.iphone .iphone-bangs:after{content:"";position:absolute;top:-3px;right:-6px;left:-6px;display:block;height:3px;background-color:#111}.iphone .iphone-bangs-horn{position:absolute;top:10px;left:50%;width:60px;height:6px;margin-left:-30px;border-right:1.5px solid #444;border-left:1.5px solid #444;border-radius:3px;background-color:#333}.iphone .iphone-bangs-right{position:absolute;top:0;left:100%;overflow:hidden;width:6px;height:6px;background-color:#111}.iphone .iphone-bangs-right:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#f0f0f0}.iphone .iphone-bangs-left{position:absolute;top:0;right:100%;width:6px;height:6px;background-color:#111}.iphone .iphone-bangs-left:after{content:"";position:absolute;right:0;display:block;width:12px;height:12px;border-radius:50%;background-color:#f0f0f0}.iphone .iphone-banner{position:absolute;top:0;width:100%;height:55px;background-color:#f0f0f0}.iphone .iphone-site-url{position:absolute;top:30px;right:32px;left:30px;font-size:12px;text-align:center}.iphone .iphone-timestamp{position:absolute;top:12px;left:35px;font-family:Arial,Helvetica,sans-serif;font-size:13px}.iphone .iphone-signal{position:absolute;top:12px;right:66px}.iphone .iphone-4g{position:absolute;top:12px;right:47px}.iphone .iphone-battery{position:absolute;top:9px;right:22px}.iphone .iphone-btn-mute{top:120px;left:-7px;width:35px;height:35px}.iphone .iphone-btn-increase,.iphone .iphone-btn-decrease{top:195px;left:-7px;width:70px;height:70px}.iphone .iphone-btn-decrease{top:270px}.iphone .iphone-btn-power{top:200px;right:-7px;width:100px;height:100px}.iphone .iphone-iframe-wrapper{position:absolute;inset:68px 18px 18px;overflow:hidden;border-bottom-right-radius:47px;border-bottom-left-radius:47px}.iphone .iphone-iframe-wrapper.no-wrapper{top:22.5px;bottom:22.5px;border-radius:0}