.modal.ux-create-menu{flex-direction:column;width:520px;max-width:calc(100% - 32px);max-height:min(720px,100% - 32px);display:flex;overflow:hidden}.ux-create-menu>header{flex:none;gap:16px;padding:20px}.ux-create-menu>header h2{font-size:var(--text-lg);margin:0}.ux-create-menu>header p{font-size:var(--text-sm);margin-top:4px}.ux-create-menu>header .icon-btn{flex:none;min-width:44px;min-height:44px}.ux-create-menu>.search-field{flex:none;width:auto;margin:16px 20px}.ux-create-menu .search-field input{min-width:0}.ux-create-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;padding:0 20px 20px;overflow:auto}.ux-create-scroll>section,.ux-create-scroll>details{margin:0 0 16px}.ux-create-option{min-width:0}.ux-create-option>button{overflow-wrap:anywhere;min-width:0;min-height:44px}.ux-create-scroll .btn{min-height:44px}.modal.op-create{max-width:calc(100% - 32px);max-height:calc(100% - 32px)}.modal.op-create form{flex:1;padding:0;overflow:hidden}.op-overlay>.op-panel{height:100%;max-height:100%}.op-create-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0}.modal-layer{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (max-width:1200px),(pointer:coarse){input,textarea,select{font-size:16px!important}.login-page{-webkit-overflow-scrolling:touch;justify-content:safe center;height:100dvh;min-height:0;padding:24px 16px;overflow:hidden auto}.login-card{flex:none;width:100%;min-width:0;max-width:420px;margin:0;padding:24px}.login-card>.brand{text-align:center;justify-content:center;align-items:center;width:100%;margin:0 auto 24px;display:flex}.login-card>.brand .brand-logo{width:min(100%,280px);max-width:100%;height:auto;margin-inline:auto}.login-card>.brand .brand-caption{text-align:center;max-width:100%;font-size:13px;line-height:1.5}.login-card h1{font-size:24px}.login-card>p{margin-bottom:24px}.login-card input{width:100%;min-width:0;min-height:48px}.login-card form>.btn{min-height:48px}.login-page>footer{text-align:center;flex:none;margin:20px 0 0}.login-brand{display:none}}@media (max-width:760px){.modal.ux-create-menu{border-radius:12px;width:420px;max-width:calc(100% - 24px);max-height:min(640px,100% - 24px)}.ux-create-menu>header{padding:16px}.ux-create-menu>.search-field{margin:12px 16px}.ux-create-scroll{padding:0 16px 16px}.ux-create-options{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:8px}.ux-create-option>button{padding:10px 12px;font-size:14px}.ux-create-menu h3{font-size:14px}.op-create{border-radius:12px;max-width:calc(100% - 24px);max-height:calc(100% - 24px)}.op-create>header{gap:12px;padding:12px 16px}.op-create>header small{display:none}.op-create>header .icon-btn{flex:none}.op-create-body{padding:16px}.op-create form>footer{flex-wrap:wrap;padding:12px 16px}}
