/* StreamSphere Rework V2
   A calmer navigation layer that keeps the existing feature set intact. */

.rework-v2{--rw-panel:rgba(255,255,255,.055);--rw-panel-strong:rgba(255,255,255,.085);--rw-line:rgba(255,255,255,.10);--rw-muted:#aeb3c4;--rw-accent:#75daf0;--rw-accent-2:#9d77ff}
html:not([data-theme="vibrant-dark"]) .viewer-shell.rework-v2{--rw-panel:rgba(255,255,255,.62);--rw-panel-strong:rgba(255,255,255,.82);--rw-line:rgba(73,60,94,.12);--rw-muted:#6e6979}

/* Keep the normal product calmer. AFTERDARK and Easter eggs can still take over. */
.creator-shell.rework-v2:not(.afterdark-mode) .aurora{opacity:.52}
.creator-shell.rework-v2:not(.afterdark-mode) .mist{opacity:.45}
.creator-shell.rework-v2:not(.afterdark-mode) .floating-chip{animation-duration:18s}

/* Creator navigation: five decisions, not eleven. */
.creator-shell.rework-v2 .main-topbar>nav.rework-primary-nav{gap:3px}
.creator-shell.rework-v2 .main-topbar>nav.rework-primary-nav>a{min-width:0}
.creator-shell.rework-v2 .main-topbar>nav.rework-primary-nav>a.is-active{color:#fff;background:rgba(255,255,255,.065)}

.rework-dashboard,.rework-index-section{position:relative}
.rework-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.rework-section-heading>div{max-width:820px}
.rework-section-heading h2{margin:.22rem 0 .42rem;font-size:clamp(28px,4vw,48px);line-height:1.02;letter-spacing:-.04em}
.rework-section-heading p{max-width:740px;margin:0;color:var(--muted);line-height:1.65}
.rework-status-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}
.rework-status-chip i{width:7px;height:7px;border-radius:50%;background:#47e59d;box-shadow:0 0 18px rgba(71,229,157,.55)}
.rework-status-chip b{color:var(--text);font-size:12px}

.rework-tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.rework-tool-grid-dashboard{grid-template-columns:repeat(4,minmax(0,1fr))}
.rework-tool-card{min-width:0;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:22px;color:var(--text);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.028));box-shadow:0 18px 55px rgba(0,0,0,.12);text-align:left;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.rework-tool-card:hover{transform:translateY(-3px);border-color:rgba(117,218,240,.28);background:linear-gradient(145deg,rgba(117,218,240,.095),rgba(157,119,255,.05))}
.rework-tool-card>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.045);font-size:17px}
.rework-tool-card>div{display:block;margin-top:auto}.rework-tool-card small{display:block;margin-bottom:6px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em}.rework-tool-card h3{margin:0 0 7px;font-size:20px}.rework-tool-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.rework-tool-card>b{font-size:10px;letter-spacing:.04em}
.rework-tool-card-primary{border-color:rgba(117,218,240,.22);background:linear-gradient(145deg,rgba(117,218,240,.11),rgba(157,119,255,.065))}
.rework-tool-button{font:inherit;cursor:pointer}
.rework-tool-card.hidden{display:none}

/* Viewer top-level navigation. */
.viewer-shell.rework-v2 .viewer-topbar nav.rework-viewer-nav{gap:4px}
.viewer-shell.rework-v2 .viewer-topbar nav.rework-viewer-nav button{min-width:82px;padding-inline:12px}
.viewer-shell.rework-v2 .viewer-topbar nav.rework-viewer-nav button.active{background:rgba(129,89,204,.10)}

.rework-section-tabs{width:max-content;max-width:100%;display:flex;gap:5px;margin:0 0 22px;padding:5px;border:1px solid var(--line);border-radius:15px;background:rgba(127,127,127,.035);overflow:auto}
.rework-section-tabs button{min-height:36px;padding:0 13px;border:0;border-radius:10px;color:var(--muted);background:transparent;font:inherit;font-size:9px;font-weight:900;white-space:nowrap;cursor:pointer}
.rework-section-tabs button:hover,.rework-section-tabs button.active{color:var(--text);background:rgba(129,89,204,.11)}

.rework-viewer-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rework-viewer-community-card{min-height:210px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;border:1px solid var(--line);border-radius:22px;color:var(--text);background:var(--panel);box-shadow:0 18px 50px rgba(30,22,47,.06);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease}
.rework-viewer-community-card:hover{transform:translateY(-3px);border-color:rgba(129,89,204,.23)}
.rework-viewer-community-card>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:rgba(127,127,127,.045);font-size:17px;font-weight:900}
.rework-viewer-community-card>div{margin-top:auto}.rework-viewer-community-card small{display:block;margin-bottom:6px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.13em}.rework-viewer-community-card h2{margin:0 0 7px;font-size:23px}.rework-viewer-community-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.rework-viewer-community-card>b{font-size:9px}
.rework-viewer-community-card.rework-afterdark-card{background:linear-gradient(145deg,rgba(98,231,255,.08),rgba(155,102,255,.08))}
.rework-you-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}

@media(max-width:1180px){
  .rework-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rework-tool-grid-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rework-viewer-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:1120px){
  .creator-shell.rework-v2 .main-topbar>nav.rework-primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creator-shell.rework-v2 .main-topbar>nav.rework-primary-nav>a{width:100%;height:48px;min-height:48px;justify-content:flex-start;padding:0 14px;border:1px solid rgba(255,255,255,.065);border-radius:13px;color:#d0d2dc;background:rgba(255,255,255,.035);font-size:13px}
}

@media(max-width:760px){
  .rework-section-heading,.rework-you-head{align-items:flex-start;flex-direction:column}
  .rework-tool-grid,.rework-tool-grid-dashboard,.rework-viewer-community-grid{grid-template-columns:1fr}
  .rework-tool-card,.rework-viewer-community-card{min-height:160px}
  .rework-section-tabs{width:100%}
  .rework-section-tabs button{flex:1}
}

@media(max-width:650px){
  .creator-shell.rework-v2 .main-topbar>nav.rework-primary-nav{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){.rework-tool-card,.rework-viewer-community-card{transition:none}}