/* Preserve the site's existing palette and layout, polish density and states. */
.app-info{min-width:0;flex:1;overflow-wrap:anywhere}
.app-info>span{display:block;line-height:1.65;margin-top:5px}
.app-info>strong .status{display:inline-block;vertical-align:middle}
.app-info .star-id{display:inline-flex;align-items:center;gap:5px;background:var(--soft);color:#365483;border-radius:7px;padding:3px 8px;width:fit-content;max-width:100%;overflow-wrap:anywhere}
.admin-tabs{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;align-items:stretch}
.admin-tabs::-webkit-scrollbar{display:none}
.admin-tabs button{flex:0 0 auto;white-space:nowrap;min-height:44px}
button{touch-action:manipulation;transition:background-color .15s,color .15s,box-shadow .15s}
button:disabled{cursor:not-allowed;opacity:.55}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #7a9ff3;outline-offset:3px}
.btn:not(:disabled):active{filter:brightness(.95)}
dialog{max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain}
.close{display:grid;place-items:center;min-width:44px;min-height:44px;flex-shrink:0;border-radius:9px}
.close:hover{background:#f0f3fa;color:var(--ink)}
.toast{max-width:calc(100% - 28px);overflow-wrap:anywhere;bottom:max(20px,env(safe-area-inset-bottom));z-index:30}
.mobile-filter-toggle{display:none}
.pagination-top{padding:0 0 12px;margin-top:-5px}
.settings-groups{display:block}
.settings-group{border:1px solid var(--line);border-radius:10px;margin:12px 0;background:#fff}
.settings-group>summary{padding:14px 16px;font-weight:700;cursor:pointer;color:var(--ink)}
.settings-group[open]>summary{border-bottom:1px solid var(--line);margin-bottom:16px}
.settings-group>.form-grid{padding:0 16px 18px}
.settings-save-actions{padding:12px 0}
.asset-preview{display:block;max-width:180px;max-height:150px;object-fit:contain;margin-top:10px;border-radius:8px;border:1px solid var(--line)}
.asset-preview[hidden]{display:none}
#adminSettings[aria-busy="true"] .settings-groups{opacity:.6}
@media(max-width:760px){
  .brand{gap:9px}.brand>span:last-child{font-size:12px;line-height:1.6;font-weight:500;flex-basis:100%;margin-top:3px}
  .top{gap:9px;margin-bottom:18px}.nav button{min-height:44px;font-size:13px;white-space:nowrap}
  .user-tier{font-size:12px;line-height:1.6}
  #authAuthorText{display:none}
  #adminView>.toolbar{flex-direction:row;align-items:center;gap:12px;margin-bottom:12px}
  #adminView>.toolbar h1{font-size:21px}#adminView>.toolbar p{display:none}
  #adminView>.admin-tabs{gap:4px;margin-bottom:16px}
  #adminView>.admin-tabs button{padding:10px 13px;font-size:14px}
  .field input,.field select,.field textarea{font-size:16px;min-height:44px}
  .field label{font-size:13px;line-height:1.6}
  .btn,.return-login,.pagination button,.pagination select,.tutorial-play{min-height:44px}
  .mobile-filter-toggle{display:block;grid-column:1/-1}
  .filters:not(.filters-expanded) .filter-secondary{display:none}
  .filters .filter-row>.field:first-child{grid-column:1/-1}
  .pagination{flex-wrap:wrap;gap:8px}
  .pagination-top{justify-content:space-between;margin-top:0}
  .library-head{align-items:flex-start;gap:8px;flex-direction:column}
  .library-head-actions{width:100%;justify-content:space-between;flex-wrap:wrap}
  .template-card-title-row{align-items:flex-start;flex-wrap:wrap;gap:3px}
  .template-card h3{white-space:normal;line-height:1.5;font-size:16px}
  .template-card-created{font-size:12px;white-space:normal}
  .app-row{padding:17px 0}.app-info>span{font-size:13px}
  .user-admin-actions{gap:10px;margin-top:3px}
  .settings-group>summary{padding:13px}.settings-group>.form-grid{padding:0 13px 15px}
  .settings-save-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .form-actions{flex-wrap:wrap}.form-actions .btn{min-width:72px}
  .toast{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}