.mobile-screen-workspace-module__5VZfrq__artifact{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;container:mobile-artifact/inline-size}.mobile-screen-workspace-module__5VZfrq__panels{flex:1;grid-template-columns:minmax(0,1fr) clamp(280px,40%,520px);min-width:0;min-height:0;margin:0;display:grid}.mobile-screen-workspace-module__5VZfrq__source,.mobile-screen-workspace-module__5VZfrq__preview{flex-direction:column;min-width:0;min-height:0;display:flex}.mobile-screen-workspace-module__5VZfrq__source{border-right:1px solid var(--border)}.mobile-screen-workspace-module__5VZfrq__preview{background:color-mix(in srgb, var(--muted) 20%, var(--background))}.mobile-screen-workspace-module__5VZfrq__stage{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:clamp(16px,3%,32px);display:flex;overflow:hidden;container-type:size}.mobile-screen-workspace-module__5VZfrq__phone{aspect-ratio:433/882;background:#fff;border:4px solid #e5e5e5;border-radius:17%/8.3%;flex-shrink:0;width:min(100cqw,49.093cqh,400px);position:relative;box-shadow:0 18px 36px -20px #0000002e,inset 0 0 0 2px #f7f7f7}.mobile-screen-workspace-module__5VZfrq__phone:before,.mobile-screen-workspace-module__5VZfrq__phone:after,.mobile-screen-workspace-module__5VZfrq__volumeButton,.mobile-screen-workspace-module__5VZfrq__sideButton{z-index:1;background:#d6d6d6;border-radius:2px;width:2px;position:absolute;box-shadow:inset -1px 0 #f8f8f8}.mobile-screen-workspace-module__5VZfrq__phone:before,.mobile-screen-workspace-module__5VZfrq__phone:after{content:"";left:-3px}.mobile-screen-workspace-module__5VZfrq__phone:before{height:4%;top:19%}.mobile-screen-workspace-module__5VZfrq__phone:after{height:7.5%;top:26.5%}.mobile-screen-workspace-module__5VZfrq__volumeButton{height:7.5%;top:36.2%;left:-3px}.mobile-screen-workspace-module__5VZfrq__sideButton{height:12%;top:31.5%;right:-3px;box-shadow:inset 1px 0 #f8f8f8}.mobile-screen-workspace-module__5VZfrq__topHighlight{opacity:.5;pointer-events:none;background:#e5e5e5;border-radius:0 0 3px 3px;width:19.4%;height:2px;position:absolute;top:0;left:40.3%}.mobile-screen-workspace-module__5VZfrq__screen{background:var(--background);border-radius:14.4%/6.6%;position:absolute;inset:1.75% 4.05%;overflow:hidden}.mobile-screen-workspace-module__5VZfrq__camera{z-index:2;pointer-events:none;background:#f5f5f5;border-radius:999px;width:29.3%;height:4.25%;position:absolute;top:2.85%;left:50%;transform:translate(-50%)}.mobile-screen-workspace-module__5VZfrq__camera:after{aspect-ratio:1;content:"";background:#e5e5e5;border-radius:50%;width:9%;position:absolute;top:35%;right:10.5%}.dark .mobile-screen-workspace-module__5VZfrq__phone{background:#262626;border-color:#404040;box-shadow:0 18px 36px -20px #00000073,inset 0 0 0 2px #303030}.dark .mobile-screen-workspace-module__5VZfrq__phone:before{box-shadow:none;background:#404040}.dark .mobile-screen-workspace-module__5VZfrq__phone:after{box-shadow:none;background:#404040}.dark .mobile-screen-workspace-module__5VZfrq__volumeButton{box-shadow:none;background:#404040}.dark .mobile-screen-workspace-module__5VZfrq__sideButton{box-shadow:none;background:#404040}.dark .mobile-screen-workspace-module__5VZfrq__topHighlight{background:#404040}.dark .mobile-screen-workspace-module__5VZfrq__camera{background:#262626}.dark .mobile-screen-workspace-module__5VZfrq__camera:after{background:#404040}.mobile-screen-workspace-module__5VZfrq__device{transform-origin:0 0;width:390px;height:844px}.mobile-screen-workspace-module__5VZfrq__panels[data-view=preview]{grid-template-columns:minmax(0,1fr)}.mobile-screen-workspace-module__5VZfrq__panels[data-view=preview] .mobile-screen-workspace-module__5VZfrq__source{display:none}@container mobile-artifact (max-width:620px){.mobile-screen-workspace-module__5VZfrq__panels{grid-template-columns:minmax(0,1fr)}.mobile-screen-workspace-module__5VZfrq__panels:not([data-view=preview]) .mobile-screen-workspace-module__5VZfrq__preview{display:none}.mobile-screen-workspace-module__5VZfrq__source{border-right:0}}