/* Use the current window, including asymmetric insets on inner/outer displays. */
:root{--vimo-safe-left:max(var(--native-safe-left,0px),env(safe-area-inset-left,0px));--vimo-safe-right:max(var(--native-safe-right,0px),env(safe-area-inset-right,0px));}
.studio-shell.native-skill-app[class] .workspace:not(:has(.native-work-detail)){box-sizing:border-box;padding-left:calc(12px + var(--vimo-safe-left))!important;padding-right:calc(12px + var(--vimo-safe-right))!important;}
.studio-shell.native-skill-app[class] :is(.native-skill-title,.skill-library-page>nav,.native-skill-category.is-all>header),.native-task-title[class]{left:calc(12px + var(--vimo-safe-left));right:calc(12px + var(--vimo-safe-right));}
.native-quick-root[class]{left:calc(12px + var(--vimo-safe-left));right:calc(12px + var(--vimo-safe-right));}
.native-skill-app .native-skill-next[class]{left:calc(16px + var(--vimo-safe-left));right:calc(16px + var(--vimo-safe-right));width:auto;}
.native-work-detail[class]{padding-left:calc(16px + var(--vimo-safe-left));padding-right:calc(16px + var(--vimo-safe-right));}
.native-generation-header[class]{padding-left:calc(18px + var(--vimo-safe-left));padding-right:calc(18px + var(--vimo-safe-right));}
.native-generation-main[class]{padding-left:calc(20px + var(--vimo-safe-left));padding-right:calc(20px + var(--vimo-safe-right));}
.native-task-page[class]:not(:has(.native-work-detail)){padding-left:calc(12px + var(--vimo-safe-left));padding-right:calc(12px + var(--vimo-safe-right));}
.native-works-dialog[class]>:is(header,.native-works-waterfall,.native-works-pending,.native-retention-notice){margin-left:var(--vimo-safe-left);margin-right:var(--vimo-safe-right);}
.native-works-batch[class]{right:calc(18px + var(--vimo-safe-right));}
.native-works-export-status[class]{left:calc(12px + var(--vimo-safe-left));right:calc(12px + var(--vimo-safe-right));}
:is(.native-upload-guide,.native-skill-upload-picker)[class]{box-sizing:border-box;left:var(--vimo-safe-left);right:var(--vimo-safe-right);width:min(calc(100% - var(--vimo-safe-left) - var(--vimo-safe-right)),560px);padding-bottom:calc(24px + max(var(--native-safe-bottom,0px),env(safe-area-inset-bottom,0px)));max-height:calc(100dvh - max(var(--native-safe-top,0px),env(safe-area-inset-top,0px)) - 12px);}
.native-settings-sheet[class]{left:calc(12px + var(--vimo-safe-left));right:calc(12px + var(--vimo-safe-right));width:auto;max-height:calc(100dvh - max(var(--native-safe-top,0px),env(safe-area-inset-top,0px)) - 12px);}
.native-skill-intro-dialog[class]{left:0;right:0;transform:none;max-width:none;}
.native-skill-intro-header[class]{padding-left:calc(16px + var(--vimo-safe-left));padding-right:calc(16px + var(--vimo-safe-right));}
.native-skill-intro-scroll[class],.native-skill-intro-footer[class]{padding-left:calc(20px + var(--vimo-safe-left));padding-right:calc(20px + var(--vimo-safe-right));}
.native-skill-intro-footer[class]>button{display:block;max-width:520px;margin-inline:auto;}
@media(min-width:650px){
 .native-skill-app[class] .skill-library-grid:not(.native-skill-row){grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;}
 .native-skill-app .native-skill-asset-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));}
 .native-works-dialog .native-works-waterfall{column-width:180px;column-count:auto;}
 .native-skill-intro-preview-section{max-width:1040px;margin-inline:auto;}
 .native-work-detail .native-work-media-stage{max-width:720px;}
 .native-skill-app .conversation-skill-host>section{max-width:900px!important;margin-inline:auto!important;}
}
@media(min-width:850px) and (min-height:500px){
 .native-skill-intro-preview-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);grid-template-areas:'title badges' 'preview hint';column-gap:32px;align-items:center;}
 .native-skill-intro-preview-section>.native-skill-intro-preview-title{grid-area:title;}
 .native-skill-intro-preview-section>.native-skill-intro-badges{grid-area:badges;margin:0 0 12px;}
 .native-skill-intro-preview-section>.native-skill-intro-preview{grid-area:preview;--native-skill-preview-height:min(66dvh,calc(100dvh - 210px - var(--native-safe-top,0px) - var(--native-safe-bottom,0px)));}
 .native-skill-intro-preview-section>.native-skill-intro-requirement{grid-area:hint;margin:0;justify-content:flex-start;}
}