@import url('/workspace-ui.css');
/* Sharing components own their layout; no legacy home override sheets. */
*, *::before, *::after { box-sizing:border-box; }
html, body { margin:0; min-height:100%; background:var(--bg); color:var(--t0); font:14px/1.5 var(--sans); -webkit-font-smoothing:antialiased; }
button, input, textarea, select { font:inherit; }
button, a, summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
[hidden] { display:none; }
button:disabled { cursor:not-allowed; opacity:.5; }
button svg, a svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.75; }
.share-workspace { --workspace-max:960px; width:min(var(--workspace-max),calc(100% - 48px)); margin:28px auto 0; }
.hero { padding:0 0 20px; text-align:left; }
.h-title { font-size:30px; font-weight:600; letter-spacing:-.7px; line-height:1.2; margin:0 0 8px; }
.h-sub { margin:0; color:var(--t2); font-size:var(--text-base); }
.upload-shell { width:100%; padding:20px 24px 24px; background:var(--s1); border:1px solid var(--b2); border-radius:var(--arc-radius-md); }
.sr-mode-switch { display:flex; gap:var(--space-6); border-bottom:1px solid var(--b2); margin-bottom:24px; }
.sr-mode-btn { display:flex; align-items:center; gap:var(--space-2); padding:10px 2px 12px; border:0; border-bottom:2px solid transparent; color:var(--t2); background:none; font-size:var(--text-base); }
.sr-mode-btn.on { border-color:var(--acc2); color:var(--t0); font-weight:600; }
.sr-mode-btn:hover { color:var(--t0); }
.sr-mode-icon { color:var(--t2); }
.sr-panel { display:none; }
.sr-panel.on { display:block; }
.sr-panel.has-shares #tab-file, .sr-panel.has-shares #tab-url, .sr-panel.has-shares #tab-request, .sr-panel.has-shares .tab-bar, .sr-panel.has-shares #sr-settings-toggle, .sr-panel.has-shares #shared-opts, .sr-panel.has-shares .sr-shortcut { display:none; }
.sr-panel.is-uploading #tab-file, .sr-panel.is-uploading .tab-bar, .sr-panel.is-uploading #sr-settings-toggle, .sr-panel.is-uploading #shared-opts, .sr-panel.is-uploading .sr-shortcut, .sr-panel.is-uploading .new-share { display:none; }
.new-share[hidden] { display:none; }
#sr-settings-toggle[hidden] { display:none; }
.sr-panel.has-shares .file-list { margin-top:0; }
.share-metadata { display:flex; justify-content:space-between; gap:var(--space-3); flex-wrap:wrap; }
.sr-send-head, .sr-receive-head { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); margin-bottom:16px; }
.sr-panel-title { font-size:var(--text-md); font-weight:600; }
.sr-panel-sub { color:var(--t2); margin:4px 0 0; font-size:var(--text-sm); }
.sr-shortcut { color:var(--t2); font:12px var(--mono); white-space:nowrap; }
kbd { border:1px solid var(--b3); border-radius:var(--arc-radius-xs); padding:2px 5px; font:11px var(--mono); }
.tab-bar { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-1); margin-bottom:16px; }
.tab-bar > .file-sources { margin:0; }
.tab-btn { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; min-height:36px; border:0; border-radius:var(--arc-radius-sm); background:none; color:var(--t2); font-size:var(--text-sm); }
.tab-btn.on { color:var(--acc2); background:var(--acb); font-weight:600; }
.tab-btn:hover { color:var(--acc2); }
.dropzone { border:1px dashed var(--b4); border-radius:var(--arc-radius-sm); background:var(--bg); cursor:pointer; }
.dropzone:hover, .dropzone.over { border-color:var(--acc2); background:var(--acb); }
.dropzone.over { border-style:solid; outline:2px solid var(--acc2); outline-offset:-2px; }
.dz-body { padding:24px 20px; text-align:center; }
.dz-ring { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:var(--arc-radius-sm); background:var(--acb); color:var(--acc2); margin:0 auto 12px; }
.dz-ring .arc-icon { width:24px; height:24px; }
.dz-title { font-size:var(--text-lg); font-weight:600; margin-bottom:4px; }
.dz-sub { font-size:var(--text-sm); color:var(--t2); }
.dz-browse { color:var(--acc2); text-decoration:underline; text-underline-offset:3px; }
.dropzone.has-files .dz-body { padding:14px; }
.dropzone.has-files .dz-ring { display:none; }
.dropzone.has-files .dz-title { font-size:var(--text-base); }
.file-sources { display:flex; align-items:center; gap:var(--space-2); margin:8px 0 16px; }
.cam-buttons { gap:var(--space-2); }
#fi, #fi-folder, #fi-camera, #fi-photos { display:none; }
.camera-btn { min-height:36px; display:inline-flex; gap:6px; align-items:center; padding:0 10px; border:0; border-radius:var(--arc-radius-sm); background:none; color:var(--t2); font-size:var(--text-sm); }
.camera-btn:hover { background:var(--b1); color:var(--t0); }
.staged-wrap { margin:16px 0; }
.staged-hdr { display:flex; gap:var(--space-2); align-items:center; padding:8px 0; color:var(--t2); font-size:var(--text-xs); }
.staged-hdr-label { flex:1; }
.staged-count-badge { font:12px var(--mono); }
.sr-staged-total { font:12px var(--mono); }
.staged-item { display:flex; align-items:center; gap:var(--space-3); padding:10px 0; border-bottom:1px solid var(--b2); }
.staged-ext, .fi-ext, .res-ext { flex:none; display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--b3); border-radius:var(--arc-radius-xs); color:var(--t2); font:10px var(--mono); }
.staged-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--text-base); }
.staged-size, .fi-size { color:var(--t2); font:12px var(--mono); margin-top:2px; }
.btn-remove { flex:none; width:36px; height:36px; color:var(--t2); background:none; border:0; border-radius:var(--arc-radius-sm); }
.btn-remove:hover { color:var(--red); background:var(--reb); }
.btn-primary, .btn-fetch, .btn-lookup, .btn-dl, .btn-dl-big, .btn-unlock, .sr-ready-btn.primary {
  display:inline-flex; align-items:center; justify-content:center; gap:var(--space-2); min-height:var(--control-h); padding:0 16px;
  border:1px solid transparent; border-radius:var(--arc-radius-sm); background:var(--acc); color:#fff; font:500 14px var(--sans); text-decoration:none;
}
.btn-primary:hover:not(:disabled), .btn-fetch:hover, .btn-lookup:hover, .btn-dl:hover, .btn-dl-big:hover, .btn-unlock:hover, .sr-ready-btn.primary:hover { background:var(--acc-hover); }
#upload-actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-3); }
#batch-name-row { flex-basis:100%; }
.btn-clear, .btn-del { min-height:36px; padding:0 10px; background:none; border:0; border-radius:var(--arc-radius-sm); color:var(--t2); font-size:var(--text-sm); }
.btn-clear:hover, .btn-del:hover { color:var(--red); background:var(--reb); }
.btn-del { display:flex; gap:6px; align-items:center; }
.sr-settings-toggle { display:flex; align-items:center; gap:var(--space-3); width:100%; padding:12px 0; margin:20px 0 0; background:none; border:0; border-top:1px solid var(--b2); color:var(--t2); text-align:left; }
.sr-settings-copy { display:flex; align-items:baseline; gap:var(--space-3); flex:1; min-width:0; }
.sr-settings-title { font:500 13px var(--sans); color:var(--t0); white-space:nowrap; }
.sr-settings-summary { font-size:var(--text-xs); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sr-settings-chevron { width:16px; height:16px; }
.sr-settings-toggle.open .sr-settings-chevron { transform:rotate(180deg); }
#shared-opts.sr-collapsed, #shared-opts.sr-request-hidden { display:none; }
.opts { display:grid; grid-template-columns:1fr 1fr; gap:20px 24px; margin:16px 0; }
.opts-sep { display:none; }
.opt-label { display:block; font-size:var(--text-xs); font-weight:500; color:var(--t2); margin-bottom:8px; }
.inp, .recv-inp, .pw-inp, .fi-email-inp { width:100%; min-width:0; height:var(--control-h); padding:0 12px; border:1px solid var(--b3); border-radius:var(--arc-radius-sm); background:var(--s1); color:var(--t0); font:14px var(--sans); }
.inp::placeholder, .recv-inp::placeholder, .pw-inp::placeholder, .fi-email-inp::placeholder { color:var(--t3); opacity:1; }
.inp-row, .pw-row { display:flex; gap:var(--space-2); }
textarea.inp { height:80px; padding:10px 12px; resize:vertical; }
.seg-row { display:flex; gap:4px; }
.seg-btn { flex:1; min-height:36px; border:1px solid var(--b2); border-radius:var(--arc-radius-sm); background:transparent; color:var(--t2); font-size:var(--text-xs); }
.seg-btn.on { border-color:var(--acc2); color:var(--t0); background:var(--acb); }
.btn-ghost, .btn-sm, .btn-copy, .sr-paste-btn, .fi-email-send, .sr-ready-btn, .prev-tool-btn {
  display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:0 12px; border:1px solid var(--b3); border-radius:var(--arc-radius-sm); background:var(--s1); color:var(--t1); font:500 13px var(--sans); white-space:nowrap;
}
.btn-copy.ok { color:var(--go); border-color:var(--gor); }
.url-hint, .req-hint, .sr-recv-help { color:var(--t2); font-size:var(--text-sm); margin:10px 0 16px; }
.req-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-4); }
.req-result { display:none; margin-top:16px; }
.req-result.on { display:block; }
.req-url-row { display:flex; align-items:center; gap:var(--space-3); }
.req-url-val { flex:1; min-width:0; overflow-wrap:anywhere; font:12px var(--mono); }
.prog { display:none; padding:16px; border:1px solid var(--b2); border-radius:var(--arc-radius-md); background:var(--s1); margin-top:16px; }
.prog.on { display:block; }
.prog-head, .sr-overall-head { display:flex; justify-content:space-between; gap:var(--space-4); }
.prog-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prog-pct, .sr-overall-pct { font:13px var(--mono); }
.prog-track, .sr-overall-track { height:4px; background:var(--s3); border-radius:2px; margin-top:10px; overflow:hidden; }
.prog-fill, .sr-overall-fill { height:100%; width:0; background:var(--acc2); }
.prog-status { margin-top:10px; font:12px/1.6 var(--mono); color:var(--t2); overflow-wrap:anywhere; }
.sr-overall { display:none; margin-top:16px; }
.sr-overall.on { display:block; }
.sr-overall-head { font-size:var(--text-xs); color:var(--t2); }
.file-list { display:grid; gap:var(--space-4); margin-top:24px; }
.fi-card { border:1px solid var(--b2); border-radius:var(--arc-radius-md); background:var(--s1); overflow:hidden; }
.fi-card.dragging { opacity:.5; }
.fi-card.dgt { border-top:2px solid var(--acc2); }
.fi-card.dgb { border-bottom:2px solid var(--acc2); }
.fi-top { display:flex; align-items:center; gap:var(--space-3); padding:16px; }
.fi-drag { color:var(--t3); cursor:grab; }
.fi-meta { flex:1; min-width:0; }
.fi-name { overflow-wrap:anywhere; font-size:var(--text-base); font-weight:500; }
.fi-badges { display:flex; gap:4px; flex-wrap:wrap; }
.fi-badges:empty { display:none; }
.badge { padding:2px 6px; border-radius:var(--arc-radius-xs); border:1px solid var(--b2); color:var(--t2); font-size:11px; }
.badge.pw { color:var(--amb); }
.sr-ready { padding:0 16px 16px; }
.sr-ready-kicker { color:var(--go); font-size:var(--text-sm); font-weight:500; margin-bottom:12px; }
.sr-ready-kicker::before { content:'✓'; margin-right:6px; }
.sr-secure-help { font-size:var(--text-sm); color:var(--t2); margin:12px 0 0; }
.sr-ready-main { display:flex; gap:var(--space-2); align-items:center; }
.sr-ready-link { flex:1; min-width:0; height:var(--control-h); padding:0 12px; border:1px solid var(--b3); border-radius:var(--arc-radius-sm); background:var(--s2); color:var(--t1); font:12px var(--mono); }
.arc-share-secondary { margin:0 16px 16px; }
.arc-share-secondary summary { color:var(--t2); font-size:var(--text-xs); cursor:pointer; min-height:36px; display:flex; align-items:center; gap:var(--space-2); }
.arc-share-secondary-panel { display:grid; gap:var(--space-3); margin-top:8px; }
.share-grid { display:grid; gap:var(--space-2); padding:0 16px 16px; }
.share-row { display:flex; align-items:center; gap:var(--space-2); }
.share-lbl { color:var(--t2); font-size:var(--text-xs); }
.share-val { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:12px var(--mono); }
.share-val.code { font-size:var(--text-base); }
.fi-card.sr-enhanced > .share-grid { display:none; }
.fi-email-row { display:flex; gap:var(--space-2); }
.fi-email-inp { flex:1; }
.sr-qr-wrap { display:flex; align-items:center; gap:var(--space-3); font-size:var(--text-sm); color:var(--t2); }
.sr-qr-wrap b { display:block; color:var(--t1); font-weight:500; }
.sr-qr-wrap canvas { width:88px; height:88px; background:#fff; border:6px solid #fff; border-radius:var(--arc-radius-xs); }
.fi-footer { padding:10px 16px; border-top:1px solid var(--b2); color:var(--t2); font-size:var(--text-xs); }
.live-dot { display:none; }
.note-box { margin:0 16px 16px; padding:12px; border-left:2px solid var(--b3); background:var(--s2); color:var(--t1); font-size:var(--text-sm); overflow-wrap:anywhere; }
.recv-block { margin-top:16px; }
#sr-send-panel > .file-list:empty { margin-top:0; }
#sr-send-panel > .recv-block { margin-top:24px; padding-top:20px; border-top:1px solid var(--b2); }
.recv-label { display:block; font-size:var(--text-sm); color:var(--t2); margin-bottom:8px; }
#sr-send-panel > .recv-block .recv-label { color:var(--t1); font-size:var(--text-base); font-weight:500; }
.recv-row { display:flex; align-items:stretch; gap:var(--space-2); }
.recv-inp { flex:1; font-family:var(--mono); }
.pw-prompt, .pw-err, .lookup-result { display:none; }
.pw-prompt.on, .lookup-result.on { display:block; margin-top:20px; }
.pw-err.on { display:block; color:var(--red); font-size:var(--text-sm); margin:8px 0; }
.err-msg { color:var(--red); font-size:var(--text-base); padding:12px 0; }
.res-card { border:1px solid var(--b2); border-radius:var(--arc-radius-md); overflow:hidden; background:var(--s1); }
.res-body { padding:20px; }
.res-top { display:flex; align-items:center; gap:var(--space-3); margin-bottom:20px; }
.res-top > div:last-child { min-width:0; }
.res-name { font-weight:500; overflow-wrap:anywhere; }
.res-detail { color:var(--t2); font-size:var(--text-xs); margin-top:4px; }
.res-preview { max-height:240px; overflow:auto; display:flex; justify-content:center; background:var(--s2); }
.res-preview img { max-width:100%; max-height:240px; object-fit:contain; }
.res-preview iframe { border:0; width:100%; }
.res-body .btn-dl { width:100%; overflow-wrap:anywhere; padding:10px 16px; }
.dlpg { display:none; width:min(var(--receiver-max),calc(100% - 48px)); margin:40px auto 64px; }
.dlpg.on { display:block; }
.receiver-context { color:var(--t2); font-size:var(--text-sm); margin-bottom:24px; }
.dlpg-icon { display:none; }
.dlpg-h1 { font-size:var(--text-title); font-weight:600; line-height:1.3; letter-spacing:-.5px; margin:0 0 6px; overflow-wrap:anywhere; }
.dlpg-sub { color:var(--t2); font:13px var(--mono); margin:0 0 24px; }
.dlpg-card { width:100%; border:1px solid var(--b2); border-radius:var(--arc-radius-md); background:var(--s1); }
.dlpg-body { padding:24px; }
.dlpg-name { font-size:var(--text-lg); font-weight:500; overflow-wrap:anywhere; margin-bottom:8px; }
.dlpg-detail, .dl-context { color:var(--t2); font-size:var(--text-sm); line-height:1.6; }
.dl-context { margin:6px 0 20px; }
.dlpg-body .note-box { margin:0 0 16px; }
.btn-dl-big { width:100%; min-height:var(--control-touch-h); }
.dlpg .dlpg-prev { width:100%; min-height:0; margin-top:20px; border:1px solid var(--b2); border-radius:var(--arc-radius-md); overflow:hidden; }
.back-link { display:inline-flex; align-items:center; min-height:var(--control-h); color:var(--t2); text-decoration:none; font-size:var(--text-sm); margin-top:16px; }
.back-link:hover { color:var(--acc2); }
#dl-hash-box { font-size:var(--text-xs); }
#split-toggle { box-shadow:none; }
.download-options { margin-top:12px; border-top:1px solid var(--b2); }
.download-options[hidden] { display:none; }
.download-options > summary { display:flex; align-items:center; justify-content:space-between; min-height:var(--control-touch-h); color:var(--t2); font-size:var(--text-sm); cursor:pointer; list-style:none; }
.download-options > summary::-webkit-details-marker { display:none; }
.download-options[open] > summary .arc-icon { transform:rotate(180deg); }
.download-options .plain-repair-panel { margin-bottom:12px; }
.e2ee-page { width:min(var(--receiver-max),calc(100% - 32px)); margin:24px auto 48px; }
.e2ee-hero h1 { font-size:var(--text-title); line-height:1.3; margin:0 0 6px; letter-spacing:-.5px; }
.e2ee-hero p { color:var(--t2); font-size:var(--text-sm); margin-bottom:24px; }
.e2ee-page .dlpg-card { display:none; }
.e2ee-page #dlbtn, .e2ee-page #split-dl-wrap { display:none; }
.e2ee-fatal { display:none; padding:16px; color:var(--red); border:1px solid var(--rer); border-radius:var(--arc-radius-md); }
.e2ee-footer { font-size:var(--text-xs); color:var(--t2); text-align:center; padding:20px 16px; }
.sr-anywhere-drop { position:fixed; inset:56px 0 0; z-index:var(--layer-menu); display:none; place-items:center; background:rgba(23,25,28,.88); pointer-events:none; }
.sr-anywhere-drop.show { display:grid; }
.sr-anywhere-card { padding:24px; background:var(--s1); border:1px solid var(--acc2); border-radius:var(--arc-radius-md); text-align:center; }
.sr-anywhere-title { font-size:var(--text-lg); margin-bottom:8px; }
.sr-anywhere-sub { font-size:var(--text-sm); color:var(--t2); }
.sr-upload-guard { display:none; margin:0 auto 24px; text-align:center; color:var(--t2); font-size:var(--text-sm); }
.sr-upload-guard.show { display:block; }
.toast { position:fixed; bottom:24px; left:50%; z-index:var(--layer-toast); transform:translateX(-50%); max-width:calc(100% - 32px); padding:10px 16px; border:1px solid var(--b3); border-radius:var(--arc-radius-sm); background:var(--s1); color:var(--t0); box-shadow:var(--shadow-md); opacity:0; pointer-events:none; font-size:var(--text-sm); }
.toast.show { opacity:1; }
.e2ee-option, .tether-option { grid-column:1/-1; }
@media (max-width:768px) {
  .share-workspace, .dlpg { width:calc(100% - 32px); margin-top:24px; }
  .sr-shortcut { display:none; }
  .h-title { font-size:28px; }
  .upload-shell { padding:16px; }
  .opts { gap:var(--space-4); }
  .sr-settings-copy { display:block; }
  .sr-settings-summary { display:block; margin-top:4px; }
  .fi-top { flex-wrap:wrap; }
  .fi-badges { width:100%; order:1; }
}
@media (max-width:480px) {
  .opts { grid-template-columns:1fr; }
  .hero { padding-bottom:20px; }
  .dz-body { padding:20px 12px; }
  .tab-bar { gap:2px; }
  .tab-btn { padding:6px 8px; }
  .tab-btn .arc-icon { display:none; }
  .sr-ready-main { flex-wrap:wrap; }
  .sr-ready-link { flex-basis:100%; }
  .sr-ready-btn.primary { width:100%; }
  .recv-row { flex-wrap:wrap; }
  .recv-inp { flex-basis:100%; }
  .recv-row .btn-lookup { flex:1; }
  .dlpg-body, .res-body { padding:16px; }
  .fi-email-row { flex-wrap:wrap; }
  .fi-email-inp { flex-basis:100%; }
  .fi-email-send { width:100%; }
}
@media (pointer:coarse), (max-width:480px) {
  .tab-btn, .sr-mode-btn, .camera-btn, .btn-remove, .btn-clear, .btn-del, .btn-copy, .btn-ghost, .btn-sm, .sr-ready-btn, .sr-paste-btn, .btn-primary, .btn-fetch, .btn-lookup, .btn-unlock, .fi-email-send, .prev-tool-btn, .arc-share-secondary summary { min-height:var(--control-touch-h); }
  .btn-remove { width:44px; }
  .inp, .recv-inp, .pw-inp, .fi-email-inp, .sr-ready-link { height:44px; font-size:var(--text-md); }
  .tab-btn, .prev-tool-btn { min-width:44px; }
  .seg-btn { min-height:var(--control-touch-h); }
}
@media (prefers-reduced-motion:no-preference) {
  .toast { transition:opacity .12s; }
  .dropzone, .btn-primary, .btn-copy { transition:background-color .12s, border-color .12s; }
  .staged-item { animation:arc-stage-in .12s ease-out; }
}
@keyframes arc-stage-in { from { opacity:.5; } to { opacity:1; } }
/* Preview components retained from the original page. */
/* ── Preview UI ─────────────────────────────────── */
.dlpg-prev{display:none;align-items:stretch;justify-content:center;background:var(--bg);border-bottom:1px solid var(--r2);min-height:300px;max-height:600px;overflow:hidden;position:relative;flex-direction:column}
.dlpg-prev.show{display:flex}
.dlpg-prev img{max-width:100%;max-height:600px;object-fit:contain;width:auto;height:auto;display:block;margin:auto;background:#0a0d12;cursor:zoom-in}
.dlpg-prev img.zoomed{cursor:zoom-out;max-width:none;max-height:none}
.dlpg-prev iframe{width:100%;height:600px;border:none;background:#fff}
.dlpg-prev video, .dlpg-prev audio{max-width:100%;display:block;margin:auto}
.dlpg-prev audio{width:90%;margin:60px auto}
.prev-text-wrap{width:100%;max-height:600px;overflow:auto;background:#0d1117;color:#e6edf3;font-family:var(--mono);font-size:12.5px;line-height:1.6;text-align:left}
.prev-text-wrap pre{margin:0;padding:14px 16px;white-space:pre;tab-size:2}
.prev-text-wrap code{font-family:var(--mono)}
.prev-truncated-notice{padding:10px 16px;background:rgba(245,158,11,0.1);color:#f59e0b;border-top:1px solid rgba(245,158,11,0.25);font-size:11.5px;font-family:var(--mono);display:flex;align-items:center;gap:8px}
.prev-md-wrap{padding:24px 28px;background:var(--s1);color:var(--t0);overflow:auto;max-height:600px;text-align:left;line-height:1.7;font-size:var(--text-base);width:100%}
.prev-md-wrap h1, .prev-md-wrap h2, .prev-md-wrap h3 { margin: 18px 0 10px; font-weight:700; color:var(--t0); letter-spacing:-0.3px}
.prev-md-wrap h1{font-size:24px}
.prev-md-wrap h2{font-size:19px}
.prev-md-wrap h3{font-size:16px}
.prev-md-wrap p{margin-bottom:10px;color:var(--t1)}
.prev-md-wrap code{font-family:var(--mono);background:var(--s3);padding:2px 6px;border-radius:var(--arc-radius-xs);font-size:12.5px;color:var(--acc)}
.prev-md-wrap pre{background:#0d1117;color:#e6edf3;padding:12px 14px;border-radius:var(--arc-radius-md);overflow-x:auto;margin:10px 0;font-size:12.5px}
.prev-md-wrap pre code{background:transparent;padding:0;color:inherit}
.prev-md-wrap ul, .prev-md-wrap ol{margin:8px 0 8px 24px}
.prev-md-wrap li{margin-bottom:4px;color:var(--t1)}
.prev-md-wrap a{color:var(--acc)}
.prev-md-wrap blockquote{border-left:3px solid var(--acc);padding:6px 14px;margin:10px 0;background:var(--acb);color:var(--t1)}
.prev-md-wrap strong{color:var(--t0);font-weight:600}
.prev-md-wrap hr{border:none;border-top:1px solid var(--r2);margin:18px 0}

.prev-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--s2);border-bottom:1px solid var(--r2);font-family:var(--mono);font-size:11px;color:var(--t3)}
.prev-toolbar-info{display:flex;align-items:center;gap:8px}
.prev-lang-pill{background:var(--s3);color:var(--t1);padding:2px 8px;border-radius:5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:10px}
.prev-toolbar-actions{display:flex;gap:6px}
.prev-tool-btn{background:transparent;border:1px solid var(--r2);color:var(--t2);font-family:var(--mono);font-size:10px;padding:3px 9px;border-radius:5px;cursor:pointer;transition:all .12s;display:inline-flex;align-items:center;gap:4px}
.prev-tool-btn:hover{background:var(--s3);color:var(--t0);border-color:var(--r3)}
.prev-tool-btn.copied{background:var(--go);color:#000;border-color:var(--go)}
.prev-no-preview{padding:60px 20px;text-align:center;color:var(--t3);font-family:var(--mono);font-size:12.5px}
.prev-no-preview-icon{font-size:40px;margin-bottom:12px;opacity:.4}