.workspace-page {
  --bg-main:#121212;--bg-surface:#1e1e1e;--bg-surface-hover:#2a2a2a;--border-color:#444;--text-primary:#eaeaea;--text-secondary:#b8b8bd;--accent-yellow:#fdb913;--font-main:Inter,system-ui,sans-serif;
  margin:0;
  background:var(--bg-main,#121212);
  color:var(--text-primary,#eaeaea);
  font:16px/1.6 system-ui,sans-serif;
  color-scheme:dark}
.workspace-page * {
  box-sizing:border-box}a
/*.workspace-page a {
  color:var(--accent-yellow,#fdb913)} */
.workspace-page :focus-visible {
  outline:3px solid #ffda79;
  outline-offset:4px}
.workspace-skip {
  position:fixed;
  top:8px;
  left:8px;
  transform:translateY(-160%);
  z-index:10000;
  background:#fff;
  color:#111!important;
  padding:12px}
.workspace-skip:focus {
  transform:none}
.workspace-layout {
  max-width:1400px;
  margin:40px auto;
  padding:0 24px;
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:32px}
.workspace-nav {
  display:flex;
  flex-direction:column;
  gap:8px;
  align-self:start;
  position:sticky;
  top:100px}
.workspace-nav a {
  padding:10px 14px;
  border-radius:10px;
  text-decoration:none;
  min-height:44px}
.workspace-nav a:hover,.workspace-nav [aria-current=page] {
  background:var(--bg-surface-hover,#2a2a2a);
  color:var(--text-primary,#eaeaea)}
.workspace-heading {
  margin-bottom:28px}
.workspace-heading h1 {
  font-size:clamp(26px,4vw,38px);
  line-height:1.2;
  margin:8px 0 14px}
.workspace-heading p {
  color:var(--text-secondary,#b8b8bd);
  max-width:75ch}
.workspace-eyebrow {
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:700}
.workspace-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:20px}
.workspace-card {
  background:var(--bg-surface,#1e1e1e);
  border:1px solid var(--border-color,#444);
  border-radius:16px;
  padding:24px;
  margin-bottom:20px;
  min-width:0;
  overflow-wrap:anywhere}
.workspace-card h2 {
  font-size:21px;
  line-height:1.35;
  margin:0 0 14px}
.workspace-card h3 {
  font-size:18px}
.workspace-page label {
  display:block;
  margin:14px 0;
  font-weight:600}
.workspace-page input:not([type=checkbox]):not([type=hidden]),.workspace-page select,.workspace-page textarea {
  display:block;
  width:100%;
  background:var(--bg-main,#121212);
  color:var(--text-primary,#eaeaea);
  border:1px solid var(--border-color,#666);
  border-radius:8px;
  padding:11px;
  font:inherit;
  margin-top:6px;
  max-width:100%}
.workspace-page input[type=checkbox] {
  width:20px;
  height:20px;
  vertical-align:middle}
.workspace-page textarea {
  min-height:110px;
  resize:vertical}
.workspace-page main button,.workspace-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 18px;
  border:1px solid transparent;
  border-radius:9px;
  background:var(--accent-yellow,#fdb913);
  color:#171717;
  font:600 15px/1.4 system-ui;
  cursor:pointer;
  text-decoration:none;
  margin:4px 6px 4px 0}
.workspace-page main button:hover,.workspace-button:hover {
  background:var(--accent-yellow,#ffce54)}
.workspace-page .workspace-danger {
  background:#ffb5b5;
  color:#430b0b!important}
.workspace-page main button:disabled {
  opacity:.5;
  cursor:not-allowed}
.workspace-alert {
  padding:16px 20px;
  border:1px solid #5b9f88;
  background:#183c32;
  border-radius:10px}
.workspace-alert.error {
  border-color:#e7a4a4;
  background:#4b242b}
.workspace-table-wrap {
  overflow:auto;
  max-width:100%}
.workspace-page table {
  border-collapse:collapse;
  width:100%;
  text-align:left}
.workspace-page th,.workspace-page td {
  padding:12px;
  border-bottom:1px solid var(--border-color,#444);
  vertical-align:top}
.workspace-page th {
  color:var(--text-primary,#eaeaea)}
.workspace-page caption {
  text-align:left;
  font-weight:700;
  padding-bottom:14px}
.workspace-page pre {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:13px;
  background:var(--bg-main,#121212);
  padding:16px;
  border-radius:8px}
.workspace-page progress {
  width:100%;
  height:18px;
  accent-color:var(--accent-yellow,#fdb913)}
.workspace-badge {
  display:inline-block;
  padding:3px 10px;
  border:1px solid var(--border-color,#666);
  border-radius:20px;
  font-size:13px}
.workspace-muted {
  color:var(--text-secondary,#b8b8bd)}
.workspace-list {
  padding-left:24px}
.workspace-list li {
  margin:12px 0}
.workspace-page small {
  font-size:13px}
.workspace-footer {
  max-width:1400px;
  padding:24px;
  margin:auto}
.workspace-page details {
  margin:14px 0}
.workspace-page summary {
  cursor:pointer;
  min-height:44px;
  padding:10px 0}
.workspace-page .workspace-inline {
  display:flex;
  gap:12px;
  align-items:end;
  flex-wrap:wrap}
.workspace-inline>label {
  flex:1;
  min-width:140px}
.workspace-inline>button {
  margin-bottom:14px}
.workspace-page fieldset {
  border:1px solid var(--border-color,#666);
  border-radius:12px;
  margin:18px 0;
  padding:18px}
.workspace-page legend {
  padding:0 8px;
  font-weight:700}
@media(max-width:800px) {
  .workspace-layout {
  grid-template-columns:1fr;
  margin-top:20px;
  padding:0 16px;
  gap:22px}
.workspace-nav {
  position:static;
  flex-direction:row;
  overflow-x:auto;
  flex-wrap:wrap;
  gap:4px}
.workspace-nav a {
  font-size:14px;
  padding:8px 10px}
.workspace-card {
  padding:18px}
.workspace-page th,.workspace-page td {
  padding:10px}
.workspace-page .navbar-content {
  max-width:100%}
}
@media(prefers-reduced-motion:reduce) {
  .workspace-page * {
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important}
}


html.light-theme .workspace-page{color-scheme:light;--bg-main:#f5f7fb;--bg-surface:#fff;--bg-surface-hover:#eef2f7;--text-primary:#202020;--text-secondary:#526071;--border-color:#c9cdd3}
.workspace-layout>main{min-width:0}.workspace-page{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.workspace-nav{border:1px solid var(--border-color,#444);background:var(--bg-surface,#1e1e1e);border-radius:12px;padding:10px}.workspace-nav [aria-current=page]{box-shadow:inset 3px 0 var(--accent-yellow,#fdb913);font-weight:700}
@media(max-width:800px){.workspace-nav a{flex:1 1 150px}.workspace-layout{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}