:root{--vos-safe-bottom:env(safe-area-inset-bottom,0px);--vos-safe-top:env(safe-area-inset-top,0px)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{padding-top:var(--vos-safe-top);padding-bottom:var(--vos-safe-bottom);overscroll-behavior-y:none}
button,input,select,textarea{touch-action:manipulation}button,[role="button"],a{ -webkit-tap-highlight-color:transparent}
.vos-install-button{position:fixed;right:20px;bottom:calc(96px + var(--vos-safe-bottom));z-index:9997;border:1px solid rgba(111,124,255,.55);border-radius:999px;padding:11px 16px;background:rgba(15,20,43,.94);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.35);display:none}
.vos-install-button.visible{display:block}.vos-connectivity{position:fixed;left:50%;top:calc(10px + var(--vos-safe-top));transform:translateX(-50%);z-index:10000;padding:8px 14px;border-radius:999px;background:#3b1620;color:#ffd8df;font:600 13px system-ui;display:none}.vos-connectivity.visible{display:block}
.vos-live-pulse{position:fixed;right:18px;top:calc(14px + var(--vos-safe-top));z-index:9997;width:9px;height:9px;border-radius:50%;background:#4be3a2;box-shadow:0 0 0 0 rgba(75,227,162,.55);animation:vosPulse 2s infinite}@keyframes vosPulse{70%{box-shadow:0 0 0 9px rgba(75,227,162,0)}100%{box-shadow:0 0 0 0 rgba(75,227,162,0)}}
@media(max-width:760px){body{font-size:15px}.sidebar{width:min(88vw,340px)!important}.inspector{width:100%!important}.card,.panel{border-radius:16px!important}button,input,select,textarea{min-height:44px;font-size:16px!important}.grid,.metric-grid,.project-grid{grid-template-columns:1fr!important}.topbar{position:sticky;top:0;z-index:100}.vos-install-button{right:12px;bottom:calc(88px + var(--vos-safe-bottom))}.vos-live-pulse{right:12px}.modal,.dialog{width:calc(100vw - 24px)!important;max-height:88vh!important;overflow:auto}.table-wrap,table{max-width:100%;overflow-x:auto;display:block}}
@media(max-width:480px){html,body{width:100%;max-width:100%;overflow-x:hidden}.vps-main,.workspace,.content{min-width:0!important}.vps-header{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.vps-image-studio-pro,.vps-video-studio,.vps-world-studio{max-width:100vw!important}}
@media(min-width:761px) and (max-width:1366px){.vps-main{min-width:0}.vps-shell{max-width:100vw}.vps-image-studio-pro,.vps-video-studio,.vps-world-studio{min-width:0;max-width:100%}}
@media(display-mode:standalone){body{user-select:none}input,textarea,[contenteditable="true"]{user-select:text}.browser-only{display:none!important}}