/* One navigation style for the homepage and the workbench. */
html:is(.home-workspace, :not(.home-workspace)) {
  --workspace-nav-width:232px;
  .workspace-shell { grid-template-columns:var(--workspace-nav-width) minmax(0,1fr); }
  .creation-progress-dock { left:var(--workspace-nav-width); }
  .workspace-topbar { background:rgba(255,255,255,.96); box-shadow:0 2px 15px rgba(72,34,113,.025); border-color:var(--line); }
  .topbar-brand .brand-mark { background:linear-gradient(145deg,#9b66ed,#7131d6); box-shadow:0 7px 17px #7939df29,inset 0 1px 1px #ffffff70; border:1px solid #a97aee; border-radius:14px; }
  .topbar-brand .brand-copy strong { color:#36204f; font-size:18px; }
  .topbar-brand .brand-copy small { color:var(--muted); font-size:11px; }
  .topbar-primary-nav { gap:clamp(28px,3vw,52px); }
  .topbar-primary-nav > a { padding-inline:8px; color:#766885; font-size:clamp(18px,1.25vw,22px); font-weight:760; letter-spacing:-.015em; }
  .topbar-primary-nav > a:is(.active,:hover) { color:var(--green-strong); }
  .topbar-primary-nav > a::after { right:6px; bottom:8px; left:6px; height:4px; border-radius:4px; background:var(--green); }
  .topbar-service-state { color:var(--muted); font-size:12px; }
  .workspace-sidebar { width:var(--workspace-nav-width); padding:22px 11px 20px; border-color:var(--line); background:linear-gradient(160deg,#fff 40%,#faf7ff); overflow-x:hidden; overflow-y:hidden; }
  .workspace-sidebar::after { content:none; }
  .workspace-sidebar .sidebar-entity-summary { margin:0 7px 24px; padding:0 6px 22px; gap:7px; }
  .workspace-sidebar .sidebar-entity-summary small { color:var(--muted); font-size:11px; font-weight:550; }
  .workspace-sidebar .sidebar-entity-summary strong { color:var(--ink); font-size:16px; line-height:1.45; }
  .workspace-sidebar .sidebar-entity-summary span { font-size:11px; color:var(--muted); }
  .tabs { gap:10px; }
  .workspace-sidebar .tabs a { display:grid; grid-template-columns:40px minmax(0,1fr) 18px; gap:8px; padding:9px; min-height:70px; width:100%; border:1px solid #ebe0f8; border-radius:14px; color:#49325f; background:linear-gradient(110deg,#faf7ff,#fff); font-size:16px; font-weight:800; box-shadow:0 3px 10px #54218b06; transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
  .workspace-sidebar .tabs a > span:last-child { position:static; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal; order:2; line-height:1.55; text-align:left; justify-self:start; }
  .workspace-sidebar .tabs a > .nav-index { order:3; width:18px; height:24px; font-size:12px; color:#775293; background:transparent; font-weight:750; }
  .workspace-sidebar .tabs a > .wb-icon { order:1; width:40px; height:42px; border-radius:12px; color:#7434cd; background:linear-gradient(145deg,#f3eaff,#e9d9ff); box-shadow:0 4px 10px #7939df12,inset 0 1px #fff; }
  .workspace-sidebar .tabs a::after { content:none; }
  .workspace-sidebar .tabs a.active { background:linear-gradient(110deg,#813fe5,#6930ca); border-color:#7535d4; color:#fff; box-shadow:0 7px 18px #7939df30,inset 0 1px #ffffff35; }
  .workspace-sidebar .tabs a.active > .wb-icon { color:#fff; background:#ffffff24; border-color:#ffffff55; box-shadow:0 4px 10px #43127b25,inset 0 1px #ffffff40; transform:translateY(-2px); }
  .workspace-sidebar .tabs a.active > .nav-index { color:#f1e6ff; background:transparent; }
  .workspace-sidebar .tabs a:hover:not(.active) { color:#6025b4; border-color:#ccb0ef; background:#f0e5ff; }
  .workspace-sidebar .tabs a:focus-visible { outline:3px solid #a66beb; outline-offset:2px; }

  .workspace-sidebar .wb-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; border:1px solid #ffffffc0; }
  .workspace-sidebar .wb-icon svg { display:block; width:25px; height:25px; stroke-width:2; }
  .workspace-topbar small, .workspace-sidebar small { line-height:1.6; }
  @media (hover:hover) and (pointer:fine) {
    .workspace-sidebar .tabs a:hover { transform:translateY(-2px); box-shadow:0 8px 18px #7939df23; }
    .workspace-sidebar .wb-icon { transition:transform .25s ease,box-shadow .25s ease; }
    .workspace-sidebar .tabs a:hover .wb-icon { transform:translateY(-3px) rotate(-3deg); box-shadow:0 7px 12px #7939df23; }
  }
  @media (prefers-reduced-motion:reduce) {
    .workspace-sidebar .tabs a { transition:none!important; }
    .workspace-sidebar .tabs a:hover { transform:none!important; }
    .workspace-sidebar .wb-icon { transition:none!important; }
    .workspace-sidebar .tabs a:hover .wb-icon { transform:none!important; }
  }

  @media (max-width:1200px) {
    .topbar-primary-nav { gap:22px; }
  }

  @media (max-width:1000px) {
    .workspace-topbar { grid-template-columns:minmax(140px,1fr) auto minmax(24px,1fr); gap:12px; }
    .topbar-primary-nav { gap:15px; }
    .topbar-primary-nav > a { padding-inline:4px; font-size:16px; }
    .topbar-service-state span { display:none; }
  }

  @media (max-width:760px) {
    --workspace-nav-width:0px;
    .workspace-shell { grid-template-columns:minmax(0,1fr); grid-template-rows:60px auto minmax(0,1fr); }
    .workspace-topbar { grid-template-columns:42px minmax(0,1fr) 16px; padding-inline:10px; gap:6px; height:60px; }
    .topbar-brand .brand-copy { display:none; }
    .topbar-brand .brand-mark { width:36px; height:36px; font-size:11px; }
    .topbar-primary-nav { gap:1px; justify-content:space-around; }
    .topbar-primary-nav > a { font-size:12px; padding:0 2px; letter-spacing:-.025em; }
    .topbar-actions { gap:0; }
    .topbar-primary-nav > a::after { right:2px; bottom:7px; left:2px; height:3px; }
    .workspace-sidebar { grid-column:1; grid-row:2; position:static; width:auto; height:auto; padding:10px 12px 12px; border-right:0; border-bottom:1px solid var(--line); overflow:visible; }
    .workspace-sidebar::after { content:none; }
    .workspace-sidebar .sidebar-entity-summary { display:flex; align-items:center; gap:8px; padding:3px 0 10px; margin:0 4px 6px; }
    .workspace-sidebar .sidebar-entity-summary small { flex:0 0 auto; font-size:10px; }
    .workspace-sidebar .sidebar-entity-summary strong { font-size:12px; }
    .workspace-sidebar .sidebar-entity-summary span { display:none; }
    .workspace-sidebar .tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; }
    .workspace-sidebar .tabs a { grid-template-columns:1fr; gap:5px; padding:8px 2px; min-height:70px; font-size:11px; border-radius:12px; }
    .workspace-sidebar .tabs a > span:last-child { order:2; text-align:center; justify-self:center; font-size:11px; white-space:normal; line-height:1.3; }
    .workspace-sidebar .tabs a[href="#voices"] > span:last-child { font-size:0; }
    .workspace-sidebar .tabs a[href="#voices"] > span:last-child::after { content:"声音管理"; font-size:11px; }
    .workspace-sidebar .tabs a > .nav-index { display:none; }
    .workspace-sidebar .tabs a > .wb-icon { width:32px; height:32px; border-radius:10px; }
    .workspace-sidebar .tabs a > .wb-icon svg { width:21px; height:21px; }
  }
}