.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{max-width:1328px;margin:auto;padding:0 40px;height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}.desktop-nav{display:flex;gap:6px}.nav-item{display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:8px;font-size:13px;font-weight:550;color:var(--text-secondary);transition:transform .15s ease}.nav-item:hover{color:var(--foreground);background:var(--surface-muted)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.header-actions{display:flex;align-items:center;gap:18px}.theme-toggle{display:inline-flex;background:var(--surface-muted);border:1px solid var(--border);padding:3px;border-radius:8px}.theme-toggle button{display:grid;place-items:center;width:30px;height:30px;border:0;background:transparent;color:var(--text-muted);border-radius:5px}.theme-toggle button[aria-pressed=true]{background:var(--surface-raised);color:var(--foreground);box-shadow:var(--shadow)}.theme-toggle button:hover{color:var(--accent)}.profile-control{position:relative}.profile-control>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;list-style:none;border-radius:8px}.profile-control>summary::-webkit-details-marker{display:none}.profile-control[open]>summary{background:var(--surface-muted)}.profile-menu{position:absolute;z-index:50;right:0;top:calc(100% + 14px);width:265px;background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;padding:15px;box-shadow:var(--shadow-raised)}.profile-name{font-size:14px;font-weight:650;padding:4px 8px;overflow-wrap:anywhere}.profile-role{color:var(--text-muted);font-size:11px;padding:0 8px 14px}.profile-role strong{font-weight:500}.profile-menu a,.profile-menu form button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 8px;border-radius:6px;background:transparent;border:0;color:var(--foreground);text-align:left}.profile-menu a:hover,.profile-menu form button:hover{background:var(--surface-muted)}.profile-menu form{margin-top:8px;border-top:1px solid var(--border);padding-top:7px}.profile-theme{padding:10px 8px}.profile-theme,.workspace-bar{display:flex;align-items:center;justify-content:space-between}.workspace-bar{width:100%;max-width:1328px;margin:0 auto;padding:21px 40px 0;gap:16px;font-size:11px;color:var(--text-muted)}.workspace-label{display:inline-flex;align-items:center;gap:8px}.studio-dot{width:6px;height:6px;background:var(--accent);transform:rotate(45deg)}.workspace-motto{font-family:var(--font-geist-mono),monospace;font-size:10px;letter-spacing:.4px}.student-selector{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}.student-selector select{padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--foreground);max-width:220px;min-width:0}.linked-builder strong{color:var(--foreground);font-weight:550}.main-content{width:100%;max-width:1328px;padding:0 40px;margin:0 auto;flex:1}.main-content:focus{outline:none}.studio-footer{max-width:1328px;width:100%;margin:0 auto;padding:32px 40px;display:flex;justify-content:space-between;gap:20px;color:var(--text-muted);font-family:var(--font-geist-mono),monospace;font-size:9px;letter-spacing:1px}.mobile-nav{display:none}.skip-link{position:fixed;z-index:100;top:-80px;left:20px;background:var(--accent);color:var(--on-accent);padding:15px;border-radius:8px}.skip-link:focus{top:12px}@media (max-width:1100px){.header-inner{padding:0 28px;gap:18px}.header-theme{display:none}.nav-item{padding:12px 16px}.main-content,.workspace-bar{padding-left:28px;padding-right:28px}}@media (max-width:760px){.workspace-bar:has(.student-selector){flex-wrap:wrap}.student-selector select{min-height:40px;max-width:min(220px,60vw)}html{scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom))}:is(a,button,summary,select,input){scroll-margin-bottom:100px}.header-inner{height:72px;padding:0 22px}.desktop-nav{display:none}.main-content,.workspace-bar{padding-left:22px;padding-right:22px}.workspace-motto{display:none}.app-shell{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--border);padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:var(--shadow-raised)}.mobile-nav .nav-item{flex-direction:column;gap:5px;font-size:10px;padding:9px 5px;margin:0 3px}.studio-footer{padding:27px 22px 0}.studio-footer span:last-child{display:none}.profile-menu{top:calc(100% + 7px)}.workspace-bar{font-size:10px}}@media (max-width:380px){.header-inner,.main-content,.workspace-bar{padding-left:16px;padding-right:16px}.brand{gap:8px}.workspace-bar{flex-wrap:wrap}}