/* UX 3.0 foundations. Reuse theme colours and Experience interaction tokens. */
:root{--ux-space:8px;--ux-control:44px;--ux-radius:var(--xp-radius,12px);--ux-panel:var(--xp-panel-radius,20px);--panel:var(--surface)}
.ux-skip{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:10000;background:var(--surface);color:var(--text);padding:12px 18px;border-radius:var(--ux-radius)}
.ux-skip:focus{transform:none}
aside.sidebar nav .ux-nav-group{display:grid;gap:4px;min-width:0;margin-top:12px}
aside.sidebar .ux-nav-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#a8b7d4;margin:8px 14px 4px;font-weight:700}
aside.sidebar .ux-nav-group .nav-link{min-height:var(--ux-control);margin:0}
aside.sidebar .ux-nav-group .community-nav{display:grid;gap:4px}
aside.sidebar .ux-nav-group .world-navigation{margin:0}
aside.sidebar .ux-nav-group .nav-create-actions{margin:0;padding:4px 0}
aside.sidebar a[aria-current=page]{background:#8270fc24;color:#f3f0ff;border-color:#a99aff55}
.ux-disclosure{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}
.ux-disclosure>summary{cursor:pointer;padding:10px 2px;font-weight:600;color:var(--text)}
.ux-disclosure .create-quick{margin-top:14px}
:where(.settings-dialog,.create-panel,.actions-sheet,.command-palette){max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}
:where(.settings-dialog,.create-panel,.actions-sheet) :where(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select){background:var(--field);color:var(--text);caret-color:var(--text)}
:where(.settings-dialog,.create-panel) :where(input,textarea)::placeholder{color:var(--muted);opacity:1}
:where(.home-button,.upload-button,.lumora-action,.command-option,.icon-button){min-height:var(--ux-control)}
:where(.icon-button,.actions-more){min-width:var(--ux-control)}
:where(button,summary,a,input,select,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
:where(.project-row,.community-actions,.studio2-result-actions,.director-toolbar){gap:var(--ux-space)}
:where(.project-card,.world-card,.production-card){border-radius:var(--ux-panel)}
:where(.project-card,.world-card,.explorer-card,.production-card) img{max-width:100%}
:where(.settings-note,.form-status,.world-status,.project-status,.create-status){line-height:1.65;overflow-wrap:anywhere}
:where(.danger-action){color:var(--xp-error);background:transparent}
.versions-list button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.versions-list strong{display:block;font-size:12px;padding:4px 0;color:var(--accent)}
@media(max-width:700px){
 aside.sidebar nav{display:flex;flex-wrap:wrap;gap:8px}
 aside.sidebar nav .ux-nav-group{display:flex;flex-wrap:wrap;width:100%;gap:6px;margin-top:6px}
 aside.sidebar .ux-nav-label{flex-basis:100%;margin:4px 8px}
 aside.sidebar .ux-nav-group .community-nav{display:flex;flex-wrap:wrap}
 aside.sidebar .ux-nav-group .nav-link{padding:10px 12px;font-size:13px}
 :where(.settings-dialog,.create-panel){max-width:calc(100vw - 16px);max-height:92dvh;padding:18px}
 :where(.settings-heading,.create-heading,.project-row){flex-wrap:wrap}
 .ux-disclosure>summary{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.ux-skip{transition:none}}

aside.sidebar .ux-create-entry{background:linear-gradient(110deg,#396bdd,#7651d4);color:#fff;font-weight:700;text-align:center;border:1px solid #ad9bff55}
.project-extra-actions{flex-basis:100%;margin-top:8px;padding-top:8px}
.project-extra-actions>.home-button{margin:6px 8px 0 0}
@media(max-width:700px){aside.sidebar .ux-create-entry{min-width:120px}}

/* Quiet overflow controls: visible dots, no coloured circular badge. */
button.home-button.actions-more{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);box-shadow:none;font-size:24px;line-height:1}
button.home-button.actions-more:hover,button.home-button.actions-more[aria-expanded=true]{background:var(--field);border-color:transparent;box-shadow:none;transform:none}
button.home-button.actions-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px}