.simulator-viewport{border:1px solid var(--divider);border-radius:13px;width:100%;height:min(76dvh,56.25vw);min-height:360px;position:relative;overflow:hidden}.simulator-viewport[data-immersive=true]{height:max(300px,100dvh - 112px);min-height:300px}.simulator-viewport iframe{border:0;width:100%;height:100%;display:block}.simulator-viewport[data-3d=true]{flex-direction:column;display:flex}.simulator-viewport[data-3d=true] iframe{flex:1;height:0;min-height:0}.simulator-viewport[data-mobile=true],.simulator-viewport[data-expanded=true],.simulator-viewport:fullscreen{width:100%;height:var(--simulator-height,100dvh);z-index:1000;border:0;border-radius:0;min-height:0;position:fixed;inset:0}:is(.wk-service-player:has(.simulator-viewport[data-mobile=true]),.wk-service-player:has(.simulator-viewport[data-expanded=true])){z-index:1000;animation:none;position:fixed;inset:0;transform:none;padding:0!important}:is(.wk-service-player:has(.simulator-viewport[data-mobile=true]) .wk-service-head,.wk-service-player:has(.simulator-viewport[data-expanded=true]) .wk-service-head){display:none}.simulator-tools{min-width:0;padding:4px max(8px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));color:#fff9e9;background:#122b29;border-bottom:1px solid #ffffff20;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.simulator-viewport[data-mobile=true] .simulator-tools,.simulator-viewport[data-expanded=true] .simulator-tools{padding-top:max(4px,env(safe-area-inset-top))}.simulator-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 12px/1.4 system-ui;overflow:hidden}.simulator-tools button{touch-action:manipulation;flex:none}.simulator-tools button,.simulator-rotate button{color:#fff9e9;cursor:pointer;background:#23443b;border:0;border-radius:8px;min-width:44px;min-height:44px;padding:8px 12px;font:600 12px system-ui}.simulator-tools button:focus-visible{outline-offset:2px;outline:3px solid #eac888}.simulator-rotate{z-index:40;color:#fff7e7;text-align:center;background:#102820;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.simulator-rotate span{font-size:54px}.simulator-rotate h2{font:700 23px system-ui}.simulator-rotate p{max-width:32ch;font:15px/1.6 system-ui}.simulator-rotate button{margin:5px}.simulator-notice{z-index:50;left:8px;right:8px;top:calc(60px + env(safe-area-inset-top));color:#183e35;background:#f7f3e8;border:0;border-radius:8px;padding:12px;font:13px/1.4 system-ui;position:absolute}