/* Black workspace theme (2026-09-29): the approved dark palette of the homepage (Figma 27-1222) applied to every
   view. Loaded last; it only recolours the existing ui.css / redesign.css / workspace.css components - layout and
   behaviour are unchanged. Tokens follow home.css and the local prototype (local-preview/styles.css). */
:root,body{--ink:#f3f4f6;--text:#f3f4f6;--muted:#aeb4bd;--brand:#f3f4f6;--brand-soft:#25282e;--bg:#111214;--surface:#111214;
  --subtle:#1b1d21;--border:#41464e;--line:#2e3137;--white:#1b1d21;--amber:#eab968;--amber-soft:#2c261c;--danger:#ff9292;
  --blue:#8dbbff;--green:#8dd6ae;--hover:#dbe0e5;--pressed:#c9d0d7;color-scheme:dark}
html,body{background:var(--bg);color:var(--text)}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* frame: sidebar, header, footer */
.sidebar{background:var(--bg);border-color:var(--line)}
.brand,.brand div{color:var(--text)}.brand small{color:var(--muted)}
.sidebar nav a{color:var(--muted)}
.sidebar nav a:hover{background:var(--subtle);color:var(--text)}
.sidebar nav a.active,.sidebar nav a.active:hover{background:var(--subtle);color:var(--text);font-weight:500}
.nav-rule{background:var(--line);border-color:var(--line)}
.profile>span{background:var(--subtle);color:var(--text)}
.sidebar-foot{border-color:var(--line)}
header{background:var(--bg);border-color:var(--line);color:var(--muted)}
.crumb,.crumb strong{color:var(--text)}.crumb span{color:#5b616b}
.header-right{color:var(--green)}
footer{color:#737b86}

/* buttons: dark outline by default, light fill for the primary action */
.btn,.btn.small,.btn.text,.sizes button,.toggle button,.icon-btn,summary.btn,.size-check span,.chip{background:var(--subtle);border-color:var(--border);color:var(--text)}
.btn:hover,.btn.text:hover,.sizes button:hover,.toggle button:hover,summary.btn:hover,.icon-btn:hover{background:#26292e;border-color:#737a85;color:var(--text)}
.btn:active,.sizes button:active,.toggle button:active{background:#343840}
.btn.primary,.new-button,.btn.active,.sizes button.active,.toggle button.active,.size-check input:checked+span,.pagination [aria-current=page]{background:var(--text);border-color:var(--text);color:#15171a}
.btn.primary:hover,.new-button:hover,.btn.active:hover,.sizes button.active:hover,.toggle button.active:hover{background:var(--hover);border-color:var(--hover);color:#15171a}
.btn.danger,.btn.danger:hover{color:var(--danger)}.btn.danger:hover{background:#2e1c1d}
.btn:disabled,.btn[disabled]{opacity:.42}
.btn img[src$="download.svg"]{filter:invert(1)}
.btn.primary img[src$="download-white.svg"]{filter:invert(1)}

/* surfaces */
.card,.series-list,.series-row,.review-panes>.card,.product-pane,.more-menu,.workspace-stats>a,.workspace-stats>div,.four-stats>a,
.member-picture,.part,.part p,.storage-flow article,.subnote,.empty-card,.hero,.hero-label{background:var(--subtle);border-color:var(--line);color:var(--text)}
.series-line:hover{background:#22252a}
.series-thumb:hover,.variant-thumb:hover,.asset-preview:hover{border-color:#686f7a}
.variant-thumb .more-badge{background:#f3f4f6;color:#15171a}
.thumb,.source,.style-art,.style-picture,.hero-art,.canvas,.review-grid .canvas,.image-viewer{background:#111214;border-color:var(--line)}
.canvas.white,.review-grid .canvas.white{background:#f3f4f6}
.review-warning,.notice.status-message{background:transparent;color:var(--amber)}
.notice{background:var(--amber-soft);border-color:#6f542e;color:var(--amber)}
.batch-bar{background:var(--subtle);border-color:var(--border)}
.summary-line{border-color:var(--line)}
.data-strip{border-color:var(--line)}
.progress-track{background:#25282e}.progress-track>span{background:var(--blue)}
.progress-labels,.dropzone p,.confirm-label,.hero p,.storage-flow>span,.guide-item>b,.empty-card,.empty-card>b{color:var(--muted)}
.step>span{background:var(--subtle);color:var(--muted);border:1px solid var(--border)}

/* badges keep their meaning: blue running, amber review, green done, red failed */
.badge,.badge.neutral{background:#25282e;color:#b8bec7}
.badge.blue{background:#1c2636;color:var(--blue)}
.badge.amber{background:#2c261c;color:var(--amber)}
.badge.green{background:#1c2a23;color:var(--green)}
.badge.red{background:#2e1c1d;color:var(--danger)}

/* forms */
input,select,textarea,input[type=search],.field input,.field select,.field textarea{background:var(--subtle);border-color:var(--border);color:var(--text)}
input::placeholder,textarea::placeholder{color:#818a95}
.search,input.search{background:var(--subtle);border-color:var(--border);color:var(--text)}
input[type=file]::file-selector-button{background:#25282e;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 10px;margin-right:10px;cursor:pointer}
input[type=file]::file-selector-button:hover{background:#2f3339}
.dropzone{background:#141619;border-color:#4a4f58}.dropzone:hover{border-color:var(--blue)}
.dropzone .upload-symbol{color:var(--muted)}
.file-list summary,.meta-details summary,.pack-details summary{background:var(--subtle);border-color:var(--border);color:var(--text)}

/* tabs */
.tabs button{color:var(--muted)}
.tabs button.active{background:var(--subtle);color:var(--text);box-shadow:none}

/* dialog, toast */
dialog{background:var(--bg);color:var(--text);border-color:var(--border);box-shadow:0 30px 120px #000a}
dialog::backdrop{background:#000000a0}
.modal-head{background:var(--bg);border-color:var(--line)}
#toast{background:#f3f4f6;color:#15171a;box-shadow:0 10px 35px #0007}

/* tables (task center, downloads, storage) */
table{color:var(--text)}
th{color:var(--muted);background:#111214;border-color:var(--line)}
td{border-color:var(--line)}
tbody tr:nth-child(even){background:#17191d}

/* the prototype banner of older pages */
.prototype{background:#1b1d21;color:var(--muted)}

/* 2026-10-15 owner: 裁片预览“灰底看白色 / 打印白底 / 放大”按钮颜色不对 — one segmented control for the two
   backgrounds (quiet dark track, active = lighter chip, not a white block) and 放大 as a separate outline button */
.canvas-toolbar .toggle{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;border:0;padding:0;background:none}
.canvas-toolbar .toggle #gray,.canvas-toolbar .toggle #white{height:32px;min-height:32px;padding:0 12px;font-size:13px;background:#1b1d21;border:1px solid var(--border);color:#a9afb8;margin:0}
.canvas-toolbar .toggle #gray{border-radius:6px 0 0 6px;border-right:0}
.canvas-toolbar .toggle #white{border-radius:0 6px 6px 0;margin-left:-8px}
.canvas-toolbar .toggle #gray.active,.canvas-toolbar .toggle #white.active{background:#3a3f47;border-color:var(--border);color:#fff}
.canvas-toolbar .toggle #gray:hover:not(.active),.canvas-toolbar .toggle #white:hover:not(.active){background:#26292e;color:var(--text)}
.canvas-toolbar .toggle #zoom{height:32px;min-height:32px;padding:0 12px;font-size:13px;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--text)}
.canvas-toolbar .toggle #zoom:hover{background:#26292e}