.studio-admin {
  --ink: #171d27;
  --muted: #4e5d69;
  --line: #cbd2d8;
  --blue: #2e50bf;
  --green: #096444;
  --paper: #fff;
  --accent: #c3f68b;
  background: #f0f3f2;
  color: #19242b;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
}
.studio-admin .masthead {
  height: auto; min-height: 74px; padding: 10px clamp(16px, 2.2vw, 34px);
  display: flex; align-items: center; gap: clamp(20px, 4vw, 72px);
  background: #11191f; border-bottom: 1px solid #34444d;
}
.studio-admin .brand {flex: none}
.studio-admin .brand-mark {color: #dec3ae}
.studio-admin .masthead .header-tools {
  display:flex; flex:1; align-items:center; justify-content:space-between; gap:12px; min-width:0;
}
.studio-global, .studio-account {display:flex; align-items:center; gap:7px; min-width:0}
.studio-global a {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 14px;
  border:1px solid #415158; border-radius:8px; color:#f3f7f5; text-decoration:none;
  font-size:13px; font-weight:700; white-space:nowrap;
}
.studio-global a:hover, .studio-global a[aria-current="page"] {border-color:var(--accent); background:#c3f68b; color:#16261a}
.studio-global .icon {width:16px; height:16px}
.studio-account {gap:16px}
.studio-admin .header-tools .shoot-switch {display:grid; gap:2px; min-width:0}
.studio-admin .shoot-switch > span {color:#cbf9a0; font-size:10px; letter-spacing:.075em; text-transform:uppercase}
.studio-admin .shoot-switch select {min-height:33px; width:100%; max-width:29vw; font-weight:720; color:#fff; background:#263238; border:1px solid #64767d; padding:4px 7px}
.studio-account .button {min-height:35px; white-space:nowrap}
.studio-admin .studio-shell {grid-template-columns:210px minmax(0,1fr); min-height:calc(100dvh - 74px)}
.studio-admin .shoot-rail {
  display:flex; flex-direction:column; align-items:stretch; gap:19px; padding:24px 12px;
  background:#1b252c; color:#f3f5f6; border:0; border-right:1px solid #334047; overflow:visible;
}
.rail-identity {display:grid; gap:9px; border:1px solid #53645d; border-radius:10px; background:#26372f; padding:15px 12px}
.rail-identity strong {font-size:clamp(16px,1.25vw,20px); line-height:1.2; letter-spacing:-.025em; overflow-wrap:anywhere; color:#fff}
.rail-caption {font-size:10px; font-weight:750; letter-spacing:.11em; text-transform:uppercase; color:#cef3b2; display:inline-flex; gap:7px; align-items:center}
.rail-caption i {width:7px; height:7px; border-radius:50%; background:var(--accent)}
.shoot-links {display:grid; gap:5px}
.nav-entry-label {display:flex; flex-wrap:wrap; align-items:center; gap:5px 8px; min-width:0}
.nav-live-state {font-size:10px; font-weight:700; color:#e1eaf2; background:#43566a; border:1px solid #6c8293; padding:2px 6px; border-radius:5px; line-height:1.3}
.nav-live-state.is-live {color:#ddfff1; background:#125641; border-color:#4b9c7b}
.studio-admin .shoot-rail .nav-orders {margin-top:16px; border:1px solid #b86b37; background:#4c3021; color:#ffdbb8}
.studio-admin .shoot-rail .nav-orders:hover {background:#664029; color:#fff1db}
.studio-admin .shoot-rail .nav-orders.active {color:#281b10; background:#ffba78; border-color:#ffba78; box-shadow:inset 4px 0 #f77722}
.nav-orders .nav-count {color:#311b0c; background:#ffd39f; border-radius:4px}
.nav-subentry {display:flex; align-items:center; gap:8px; margin:0 0 0 20px; padding:8px 6px 8px 12px; border-left:1px solid #88664f; font-size:11px; font-weight:650; color:#ffe0bd; text-decoration:none}
.nav-subentry:hover {color:white; text-decoration:underline}
.nav-subentry .icon {width:13px; height:13px}
.published-summary {display:flex; flex-wrap:wrap; gap:8px; align-items:center; border:1px solid #b2c2bb; border-radius:12px; padding:16px 18px; background:#fff; margin-bottom:20px}
.published-summary > strong {margin-right:auto; font-size:17px}
.published-summary > small {flex-basis:100%; color:#4b5c68; font-size:12px}
.publication-shortcut {border:1px solid #abbecb; color:#183c62; background:#e9f0fb; border-radius:6px; padding:7px 11px; font:inherit; font-size:12px; font-weight:700; cursor:pointer}
.publication-shortcut.is-live {background:#d7f7e8; color:#0d563c; border-color:#70b397}
.publication-shortcut.is-expired,.publication-shortcut.is-disabled {background:#fff0df; color:#744019; border-color:#d3a772}
.publication-shortcut[aria-pressed=true] {outline:2px solid #1e3e57; outline-offset:2px}
.orders-summary {display:flex; flex-wrap:wrap; gap:14px; align-items:center; border:1px solid #b77848; border-left:5px solid #c06b2b; padding:18px; border-radius:10px; color:#57351e; background:#fff1e3; margin-bottom:22px}
.orders-summary > span:last-child {font-size:12px; color:#654b37; flex:1; min-width:180px}
.studio-admin .shoot-rail .nav-link {font-size:13px; padding:12px 11px; letter-spacing:0; color:#d6e1e6; gap:9px; border:1px solid transparent; margin:0}
.studio-admin .shoot-rail .nav-link:hover {background:#2e3c44; color:#fff}
.studio-admin .shoot-rail .nav-link.active {background:#f5f8f5; border-color:#f5f8f5; color:#152127; box-shadow:inset 4px 0 #79ac50}
.studio-admin .studio-content {padding:clamp(20px,2.8vw,44px); margin:0 auto; min-width:0; align-self:start; width:100%}
.studio-admin .page-heading h1,.studio-admin .cs-title h1,.studio-admin .shoot-heading h1,.studio-admin .ws-heading h1 {
  font:760 clamp(29px,3vw,44px)/1.05 "Inter","Segoe UI",system-ui,sans-serif; letter-spacing:-.05em; color:#162328;
}
.studio-admin .subtext {color:#455460}
.studio-admin a:focus-visible,.studio-admin button:focus-visible,.studio-admin summary:focus-visible,.studio-admin select:focus-visible {outline:3px solid #4388ee; outline-offset:3px}
.studio-admin .button.dark {background:#1c2d33; border-color:#1c2d33; color:#fff}
.studio-admin .button.success {background:#0d6446}
.studio-admin .button.ghost {background:#fff; color:#20303d; border-color:#a6b3bb}
.studio-admin .masthead .button.ghost {color:#f4faf4; background:transparent; border-color:#65777a}
.studio-admin .panel,.studio-admin .gallery-card {border-color:#bdc8ce; box-shadow:0 3px 12px #1324320b}
.studio-admin .shoot-page,.studio-admin .ws-workspace {max-width:none}
.return-link {font-size:12px; font-weight:650; text-underline-offset:3px; display:inline-block; margin-bottom:10px; color:#3f5360}
.publication-fields {margin:16px 0; padding:14px; display:grid; grid-template-columns:1fr 1fr; gap:14px; border:1px solid #a2b7ab; border-radius:8px; background:#f3f8f5}
.publication-fields legend {font-weight:750; padding:0 6px}
.publication-fields small {color:#4b5c62}
@media(max-width:980px) {
  .studio-admin .masthead {gap:16px}
  .studio-admin .studio-shell {grid-template-columns:180px minmax(0,1fr)}
  .studio-account {gap:8px}
  .studio-global a {padding:9px}
}
@media(max-width:780px) {
  .studio-admin .masthead:has(.shoot-switch) {display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; padding:12px 16px}
  .studio-admin .masthead:has(.shoot-switch) .header-tools {display:contents}
  .studio-global {order:3; flex-basis:100%; gap:8px}
  .studio-global a {flex:1; font-size:13px}
  .studio-account {margin-left:auto}
  .studio-admin .shoot-switch select {max-width:40vw}
  .studio-admin .studio-shell {display:block}
  .studio-admin .shoot-rail {position:static; width:100%; padding:9px 14px; border:0; display:block; overflow:visible}
  .rail-identity {display:none}
  .shoot-links {display:flex; flex-wrap:wrap; gap:3px 5px; align-items:center; width:100%}
  .studio-admin .shoot-rail .nav-link {flex:none; min-height:36px; padding:6px 8px; font-size:12px; border-radius:5px}
  .studio-admin .shoot-rail .nav-link .icon {width:15px; height:15px}
  .studio-admin .shoot-rail .nav-orders {margin:0}
  .nav-subentry {margin:0; padding:7px; border:1px solid #88664f; border-radius:5px; font-size:11px}
  .nav-live-state {font-size:9px}
  .studio-admin .studio-content {padding:20px 14px 44px}
}
@media(max-width:490px) {
  .studio-account .button {font-size:11px; padding:5px 7px}
  .studio-admin .shoot-switch select {max-width:36vw; font-size:12px}
  .studio-admin .masthead:has(.shoot-switch) .brand strong {font-size:10px; letter-spacing:.11em}
  .studio-admin .masthead:has(.shoot-switch) .brand small {font-size:8px; letter-spacing:.11em}
  .studio-admin .masthead:has(.shoot-switch) .brand-mark {font-size:29px}
  .publication-fields {grid-template-columns:1fr}
}