/* Shared shell and controls. Page sheets own content; the shell owns navigation. */
[data-site-header]{position:relative;z-index:var(--z-header);height:var(--header-height);border-bottom:1px solid var(--line);background:var(--paper)}
.ls-header{max-width:1600px;height:100%;margin:auto;display:flex;align-items:center;gap:32px;padding:0 40px}
.ls-brand{display:inline-flex;gap:10px;align-items:center;font:750 26px/1 var(--display);letter-spacing:-1.3px;flex-shrink:0}
.ls-brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--action-bg);color:var(--action-ink);font:750 25px/1 var(--display);border-radius:10px 3px 10px 3px;letter-spacing:-2px;padding-right:2px}
.ls-navigation{display:flex;align-items:center;gap:24px;flex:1;height:100%;min-width:0}
.ls-navigation>a{font-size:14px;font-weight:550;white-space:nowrap;color:var(--muted);height:100%;display:flex;align-items:center;gap:6px;position:relative}
.ls-navigation>a::after{content:"";height:3px;position:absolute;left:0;right:0;bottom:-1px;background:transparent;border-radius:3px 3px 0 0}
.ls-navigation>a:hover,.ls-navigation>a[aria-current="page"]{color:var(--ink)}.ls-navigation>a[aria-current="page"]::after{background:var(--accent)}
.ls-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:4px;font:600 11px/1.5 var(--sans);padding:2px 5px;letter-spacing:0;color:var(--muted)}
.ls-utilities{display:flex;gap:8px;align-items:center;margin-left:auto;flex-shrink:0}
.ls-utilities select{height:44px;max-width:118px;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;font-size:14px;padding:0 8px;color:var(--ink)}
.ls-login{padding:10px 8px;white-space:nowrap;font-size:14px;font-weight:600;min-height:44px}.ls-login:hover{color:var(--accent)}
.ls-menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;justify-content:center;flex-shrink:0}.ls-menu-toggle svg{width:20px;height:20px}
.ls-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid var(--action-bg);border-radius:var(--radius-sm);background:var(--action-bg);color:var(--action-ink);font-size:15px;font-weight:650;line-height:1.4;transition:background .15s,transform .15s}
.ls-button:hover:not(:disabled){filter:brightness(1.08)}.ls-button:active:not(:disabled){transform:translateY(1px)}.ls-button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.ls-button.secondary:hover{background:var(--hover)}
.ls-link{display:inline-flex;gap:10px;align-items:center;font-size:15px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:3px}.ls-link:hover{color:var(--accent)}
.ls-kicker{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:650;color:var(--muted)}
.ls-field{display:grid;gap:8px;font-size:14px;font-weight:550}.ls-field input,.ls-field select,.ls-field textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;background:var(--surface);color:var(--ink);font-size:16px;font-weight:400}
.ls-field textarea{min-height:120px;resize:vertical}.ls-field input::placeholder{color:var(--muted)}
.ls-notice{padding:18px 20px;border-left:3px solid var(--accent);background:var(--surface-soft);font-size:14px;color:var(--muted);line-height:1.7}.ls-notice strong{color:var(--ink);font-weight:650}
.ls-empty{padding:32px;border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--muted);font-size:15px}
.ls-footer{max-width:var(--content-width);margin:80px auto 0;padding:32px 40px;border-top:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.ls-footer a:hover{color:var(--ink)}
@media(min-width:1400px){
 :is(.pose-studio,.expression-studio,.monster-studio,.scene-studio) .ls-header{max-width:none;padding:0 24px;display:grid;grid-template-columns:calc(var(--editor-sidebar-width) - 24px) minmax(0,1fr) auto;gap:0}
 :is(.pose-studio,.expression-studio,.monster-studio,.scene-studio) .ls-navigation{gap:22px}
}
@media(max-width:1399px){
 .ls-header{padding-inline:24px;gap:24px}.ls-menu-toggle{display:flex}
 .ls-navigation{display:none;position:absolute;top:calc(var(--header-height) - 1px);left:0;right:0;height:auto;padding:20px 24px;gap:12px 28px;flex-wrap:wrap;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-panel)}
 [data-site-header].menu-open .ls-navigation{display:flex}.ls-navigation>a{padding:10px 0;height:auto;font-size:15px}
 .ls-footer{flex-wrap:wrap}
}
@media(max-width:600px){.ls-header{padding:0 16px;gap:10px}.ls-brand>span:last-child{display:none}.ls-utilities{gap:6px}.ls-utilities select{max-width:105px;font-size:13px;padding:0 4px}.ls-login{font-size:13px;padding:10px 5px}.ls-footer{margin-top:48px;padding:24px}}
@media(max-width:380px){.ls-header{padding:0 10px;gap:6px}.ls-utilities{gap:4px}.ls-utilities select{max-width:84px}.ls-brand-mark{width:32px}.ls-menu-toggle{width:40px}}