.screen-viewport{border-radius:16px;box-shadow:var(--md-elevation-2);flex:none}.screen-canvas,.screen-viewport{position:relative;overflow:hidden}.screen-canvas{transform-origin:top left}.layer-text{outline:none;white-space:pre-wrap;word-break:break-word}.layer-text:focus{background:color-mix(in srgb,var(--md-primary) 15%,transparent);border-radius:8px}.device-body{box-sizing:border-box}.device-body,.device-screen{width:100%;height:100%;position:relative}.device-screen{overflow:hidden;background:#000}.device-screen-img{width:100%;height:100%;object-fit:cover;display:block}.device-screen-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:48px}.device-camera-hole{width:40px;height:40px;background:#050505;border-radius:50%}.device-camera-hole,.device-dynamic-island{position:absolute;top:34px;left:50%;transform:translateX(-50%);z-index:10}.device-dynamic-island{width:35%;height:80px;background:#000;border-radius:40px}.device-glare{position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.15),rgba(255,255,255,0) 40%);pointer-events:none;z-index:20}.device-laptop-base{position:absolute;left:0;right:0;bottom:0;height:6%;border-radius:0 0 40% 40%/0 0 100% 100%}