/* The original History surface only. Studio history, editors and billing keep
   their existing CSS and action handlers. */
#hist-modal.vxh-upgraded, .vxh-viewer {
  --vxh-bg:#0d0f13; --vxh-panel:#15181f; --vxh-raised:#1c2029; --vxh-hover:#242a36;
  --vxh-line:rgba(212,225,255,.10); --vxh-line-strong:rgba(212,225,255,.18);
  --vxh-text:#eff2f9; --vxh-muted:#a4afc3; --vxh-faint:#8e9bb2; --vxh-blue:#477dfa;
  --vxh-tint:rgba(71,125,250,.14); --vxh-danger:#f2a4aa;
  color:var(--vxh-text); background:var(--vxh-bg)!important; color-scheme:dark;
  font-family:Inter,system-ui,sans-serif; font-size:14px; line-height:1.5;
}
#hist-modal.vxh-upgraded[data-wh-theme="light"], .vxh-viewer[data-wh-theme="light"] {
  --vxh-bg:#f7f8fb; --vxh-panel:#fff; --vxh-raised:#edf0f6; --vxh-hover:#e4eaf4;
  --vxh-line:rgba(24,37,67,.10); --vxh-line-strong:rgba(24,37,67,.18);
  --vxh-text:#1c2433; --vxh-muted:#526075; --vxh-faint:#616c81; --vxh-blue:#245bce;
  --vxh-tint:rgba(36,91,206,.09); --vxh-danger:#ad303c; color-scheme:light;
}
#hist-modal.vxh-upgraded *, .vxh-viewer * {box-sizing:border-box}
#hist-modal.vxh-upgraded [hidden], .vxh-viewer [hidden] {display:none!important}
#hist-modal.vxh-upgraded svg, .vxh-viewer svg {display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle;stroke-width:1.7}
#hist-modal.vxh-upgraded button, .vxh-viewer button {font:inherit;color:inherit;cursor:pointer}
#hist-modal.vxh-upgraded button:disabled, .vxh-viewer button:disabled {opacity:.45;cursor:not-allowed}
#hist-modal.vxh-upgraded :focus-visible, .vxh-viewer :focus-visible {outline:2px solid var(--vxh-blue);outline-offset:3px}
#hist-modal.vxh-upgraded button, .vxh-viewer button, .vxh-viewer a {transition:background .15s,border-color .15s,color .15s}
#hist-modal.vxh-upgraded h2, #hist-modal.vxh-upgraded h3, .vxh-viewer h2, .vxh-viewer h3, #hist-modal.vxh-upgraded p, .vxh-viewer p {margin:0}
#hist-modal.vxh-upgraded #hist-inner {display:flex;flex-direction:column;width:100%;height:100%;max-width:none;min-width:0;min-height:0;padding:0}
#hist-modal.vxh-upgraded #hist-header {display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:24px 32px 20px;border:0;flex-shrink:0;background:var(--vxh-bg)}
.vxh-heading {min-width:0}
.vxh-heading h2 {font-size:25px!important;line-height:1.2;letter-spacing:-.035em;font-weight:600}
.vxh-heading p {color:var(--vxh-muted);font-size:13px;margin-top:5px!important}
.vxh-header-controls {display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}
#hist-modal.vxh-upgraded .vxh-btn, .vxh-viewer .vxh-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;background:var(--vxh-panel);border:1px solid var(--vxh-line-strong);border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;color:var(--vxh-text);line-height:1.4}
#hist-modal.vxh-upgraded .vxh-btn:hover, .vxh-viewer .vxh-btn:hover {background:var(--vxh-hover)}
.vxh-viewer .vxh-btn-primary {background:var(--vxh-blue);border-color:transparent;color:#fff}
.vxh-viewer .vxh-btn-primary:hover {filter:brightness(1.08);background:var(--vxh-blue)}
#hist-modal.vxh-upgraded .vxh-icon, .vxh-viewer .vxh-icon {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;width:36px;height:36px;border:0;border-radius:7px;background:transparent;color:var(--vxh-muted)}
#hist-modal.vxh-upgraded .vxh-icon:hover, .vxh-viewer .vxh-icon:hover {background:var(--vxh-hover);color:var(--vxh-text)}
#hist-modal.vxh-upgraded .vxh-icon.hist-more, #hist-modal.vxh-upgraded .vxh-icon.hist-space-add, #hist-modal.vxh-upgraded .vxh-icon.hist-topic-add {opacity:1;visibility:visible}
#hist-modal.vxh-upgraded select {height:38px;padding:0 12px;font:inherit;font-size:13px;color:var(--vxh-text);background:var(--vxh-panel);border:1px solid var(--vxh-line-strong);border-radius:8px;max-width:200px;cursor:pointer;min-width:0}
#hist-modal.vxh-upgraded #hist-scope-select {width:160px}
.vxh-clear-menu {position:relative}
.vxh-clear-menu summary {display:flex;align-items:center;justify-content:center;width:36px;height:36px;list-style:none;border-radius:7px;color:var(--vxh-muted);cursor:pointer}
.vxh-clear-menu summary::-webkit-details-marker {display:none}
.vxh-clear-menu[open] summary, .vxh-clear-menu summary:hover {background:var(--vxh-hover)}
#hist-modal.vxh-upgraded #hist-clear-btn {position:absolute;right:0;top:42px;z-index:4;color:var(--vxh-danger);box-shadow:0 8px 28px #0003;background:var(--vxh-panel)}
.vxh-search {flex:0 0 100%;position:relative}
.vxh-search>svg {position:absolute;left:14px;top:14px;color:var(--vxh-faint);pointer-events:none}
#hist-modal.vxh-upgraded #hist-search {height:46px;width:100%;min-width:0;padding:0 16px 0 42px;border:1px solid var(--vxh-line-strong);background:var(--vxh-panel);border-radius:9px;color:var(--vxh-text);font:inherit;outline:none}
#hist-modal.vxh-upgraded #hist-search:focus {border-color:var(--vxh-blue);box-shadow:0 0 0 2px var(--vxh-tint)}
#hist-modal.vxh-upgraded #hist-search::placeholder {color:var(--vxh-faint)}
#hist-modal.vxh-upgraded #hist-filters {display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 32px 18px;flex-shrink:0;border-bottom:1px solid var(--vxh-line);background:var(--vxh-bg)}
#hist-modal.vxh-upgraded .hist-filter {display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:8px 11px;border:1px solid transparent;background:transparent;color:var(--vxh-muted);border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;line-height:1.2}
#hist-modal.vxh-upgraded .hist-filter svg {width:15px;height:15px}
#hist-modal.vxh-upgraded .hist-filter:hover {background:var(--vxh-raised);color:var(--vxh-text)}
#hist-modal.vxh-upgraded .hist-filter.active {background:var(--vxh-tint);border-color:rgba(71,125,250,.3);color:var(--vxh-text)}
.vxh-tab-count {font-size:11px;color:var(--vxh-faint);padding:2px 5px;background:var(--vxh-raised);border-radius:4px;min-width:18px;text-align:center}
.vxh-tab-count:empty {display:none}
#hist-modal.vxh-upgraded .hist-filter.active .vxh-tab-count {background:var(--vxh-blue);color:#fff}
.vxh-library-bar {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px 16px;flex-shrink:0;min-width:0}
.vxh-library-title-row {display:flex;gap:12px;align-items:center}
.vxh-library-title-row h3 {font-size:17px;letter-spacing:-.02em;font-weight:600}
#vxh-result-count {font-size:12px;color:var(--vxh-faint);white-space:nowrap}
#vxh-library-description {font-size:12px;color:var(--vxh-muted);margin-top:5px!important}
.vxh-library-controls {display:flex;gap:10px;align-items:center;flex-shrink:0}
#vxh-layout {display:flex;gap:3px;padding:3px;border:1px solid var(--vxh-line-strong);border-radius:8px}
#hist-modal.vxh-upgraded #vxh-layout .vxh-icon {width:30px;height:30px;border-radius:5px}
#hist-modal.vxh-upgraded #vxh-layout .vxh-icon[aria-pressed="true"] {background:var(--vxh-tint);color:var(--vxh-blue)}
#vxh-status {flex-shrink:0;color:var(--vxh-danger);font-size:13px;padding:0 32px 8px}
#vxh-status:empty {display:none}
#hist-modal.vxh-upgraded #hist-list {flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 32px 24px;scrollbar-gutter:stable;background:var(--vxh-bg)}
.vxh-grid, .vxh-skeletons {display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:18px}
.vxh-card {position:relative;min-width:0;border:1px solid var(--vxh-line);background:var(--vxh-panel);border-radius:11px;overflow:hidden;transition:border-color .15s}
.vxh-card:hover {border-color:var(--vxh-line-strong)}
#hist-modal.vxh-upgraded .vxh-cover, #hist-modal.vxh-upgraded .vxh-row-cover {position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;border:0;background:#090c12;color:#8692aa}
.vxh-cover {width:100%;aspect-ratio:16/11}
.vxh-cover>img, .vxh-cover>video, .vxh-row-cover>img, .vxh-row-cover>video {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#090c12}
.vxh-cover>svg {width:28px!important;height:28px!important}
.vxh-cover-tag {position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 7px;max-width:calc(100% - 20px);border:1px solid #ffffff21;border-radius:5px;pointer-events:none;background:#0a0d15d9;color:#e6ecf8;font-size:11px;line-height:1.25;backdrop-filter:blur(5px)}
.vxh-cover-tag svg {width:12px!important;height:12px!important}
.vxh-card-body {padding:14px 14px 6px}
#hist-modal.vxh-upgraded .vxh-card-title {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:42px;overflow:hidden;padding:0;margin:0;border:0;background:transparent;color:var(--vxh-text);text-align:left;font-size:13px;font-weight:500;line-height:21px;overflow-wrap:anywhere}
.vxh-card-title:hover {color:var(--vxh-blue)!important}
.vxh-card-meta {display:flex;align-items:center;gap:8px;color:var(--vxh-faint);font-size:11px;margin-top:11px;min-height:18px;overflow:hidden;white-space:nowrap}
.vxh-card-meta>span:first-child {overflow:hidden;text-overflow:ellipsis;min-width:0}
.vxh-card-meta>span+span {flex-shrink:0}
.vxh-card-meta>span+span::before {content:"·";margin-right:8px;color:var(--vxh-faint)}
.vxh-card-bottom {display:flex;align-items:center;gap:0;border-top:1px solid var(--vxh-line);margin-top:12px;padding-top:3px;color:var(--vxh-faint);font-size:11px}
.vxh-card-bottom time {margin-right:auto;min-width:0}
.vxh-card-bottom .vxh-icon svg {width:16px!important;height:16px!important}
.vxh-check {display:flex;align-items:center;gap:7px;z-index:2;cursor:pointer;font-size:12px}
.vxh-card>.vxh-check {position:absolute;right:10px;top:10px;color:#fff;background:#0a0d15eb;padding:5px 7px;border-radius:5px}
.vxh-card:has(>.vxh-check) .vxh-cover-tag {display:none}
.vxh-check input {accent-color:var(--vxh-blue);width:17px;height:17px;cursor:pointer;margin:0}
.vxh-card.hist-item-checked, .vxh-row.hist-item-checked {border-color:var(--vxh-blue)!important;box-shadow:inset 0 0 0 1px var(--vxh-blue);background:var(--vxh-tint)}
.vxh-play {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.vxh-play svg {width:36px!important;height:36px!important;padding:9px;border:1px solid #ffffff6b;border-radius:50%;background:#0b1124b5;color:white;backdrop-filter:blur(4px)}
.vxh-media-fallback {color:#697993}
.vxh-unavailable {font-size:12px;margin-left:8px}
.vxh-rows {display:flex;flex-direction:column;gap:8px}
.vxh-row {display:flex;align-items:center;gap:16px;min-width:0;padding:12px 14px;border:1px solid var(--vxh-line);border-radius:10px;background:var(--vxh-panel)}
.vxh-row:hover {border-color:var(--vxh-line-strong)}
#hist-modal.vxh-upgraded .vxh-row-cover {width:48px;height:48px;flex:0 0 48px;border-radius:7px;background:var(--vxh-raised)}
#hist-modal.vxh-upgraded .vxh-row-media .vxh-row-cover {width:112px;height:78px;flex-basis:112px}
#hist-modal.vxh-upgraded .vxh-row-text {display:flex;flex-direction:column;gap:8px;min-width:0;flex:1;border:0;background:transparent;padding:0;text-align:left}
.vxh-row-title {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.55;color:var(--vxh-text)}
.vxh-row-meta {display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:var(--vxh-faint);line-height:1.5}
.vxh-type {color:var(--vxh-muted)}
.vxh-row time {font-size:11px;white-space:nowrap;color:var(--vxh-faint)}
.vxh-row-actions {display:flex;gap:2px;flex-shrink:0}
.vxh-row .vxh-check span {display:none}
.vxh-pagination {display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:28px;padding-bottom:12px;color:var(--vxh-faint);font-size:12px}
.vxh-empty {max-width:520px;margin:40px auto;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:24px}
.vxh-empty>svg {width:30px!important;height:30px!important;color:var(--vxh-faint)}
.vxh-empty h3 {font-size:18px;line-height:1.4}
.vxh-empty p {font-size:14px;color:var(--vxh-muted);line-height:1.7}
.vxh-skeleton {border:1px solid var(--vxh-line);background:var(--vxh-panel);border-radius:10px;overflow:hidden;padding-bottom:18px}
.vxh-skeleton>div {aspect-ratio:16/11;background:var(--vxh-raised)}
.vxh-skeleton>span {display:block;width:70%;height:12px;margin:16px 14px 0;background:var(--vxh-raised);border-radius:4px}
.vxh-skeleton>span:last-child {width:40%}
#hist-modal.vxh-upgraded #hist-multiselect-bar {flex-wrap:wrap;flex-shrink:0;padding:14px 32px;border-top:1px solid var(--vxh-line);background:var(--vxh-panel)!important;gap:10px;color:var(--vxh-text)}
#hist-modal.vxh-upgraded #hist-multiselect-bar button {padding:8px 12px;min-height:36px;font-size:12px}
.vxh-sr {position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
html.sidebar-folded #hist-modal.vxh-upgraded {left:0!important}
html.sidebar-folded #hist-modal.vxh-upgraded #hist-header {padding-left:52px}
.vxh-viewer {position:fixed;inset:0;margin:auto;padding:0;border:1px solid var(--vxh-line-strong);border-radius:14px;width:min(1240px,94vw);height:min(870px,92dvh);max-width:none;max-height:none;overflow:hidden;box-shadow:0 24px 100px #0008}
.vxh-viewer[open] {display:flex;flex-direction:column}
.vxh-viewer::backdrop {background:#040710c7;backdrop-filter:blur(5px)}
.vxh-viewer-header {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--vxh-line);flex-shrink:0}
.vxh-viewer-eyebrow {font-size:11px;color:var(--vxh-faint)}
.vxh-viewer-header h2 {font-size:18px;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin-top:4px}
.vxh-viewer-navigation {display:flex;gap:4px;align-items:center}
.vxh-viewer-navigation>button:last-child {margin-left:12px}
.vxh-viewer-layout {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,1fr);flex:1;min-height:0}
.vxh-stage-wrap {display:flex;flex-direction:column;background:#080b11;min-width:0;min-height:0}
.vxh-stage {display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:18px;overflow:hidden}
.vxh-stage>img, .vxh-stage>video {display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.vxh-stage>audio {width:90%;max-width:440px}
.vxh-stage-caption {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 20px;color:#a7b3ca;font-size:12px}
.vxh-stage-caption .vxh-btn {font-size:12px;color:#e9eef8;border-color:#ffffff26;background:#161c28}
.vxh-stage-missing {display:flex;flex-direction:column;align-items:center;gap:14px;color:#a7b3ca;text-align:center}
.vxh-stage-missing a {color:#96b8ff}
.vxh-details {padding:24px;border-left:1px solid var(--vxh-line);overflow-y:auto;min-height:0;min-width:0;scrollbar-gutter:stable}
.vxh-detail-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.vxh-detail-section {padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--vxh-line)}
.vxh-detail-section h3 {font-size:14px;font-weight:600;margin-bottom:12px}
.vxh-section-title {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.vxh-section-title h3 {margin-bottom:0}
.vxh-section-title .vxh-btn {min-height:30px;padding:5px 8px;font-size:12px}
.vxh-section-title .vxh-btn svg {width:14px;height:14px}
.vxh-prompt {font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}
.vxh-note {font-size:13px;color:var(--vxh-muted);line-height:1.7}
.vxh-detail-count {font-size:12px;color:var(--vxh-faint)}
.vxh-reference-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.vxh-reference-grid button {display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:5px;border:1px solid var(--vxh-line);border-radius:8px;background:var(--vxh-panel)}
.vxh-reference-grid button[aria-pressed="true"] {border-color:var(--vxh-blue);background:var(--vxh-tint)}
.vxh-reference-grid button>span {display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:var(--vxh-raised);color:var(--vxh-muted)}
.vxh-reference-grid img {width:100%;height:100%;object-fit:contain}
.vxh-reference-grid small {font-size:11px;line-height:1.35;padding:7px 1px 2px;overflow-wrap:anywhere;text-align:left;color:var(--vxh-muted)}
.vxh-settings {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:0}
.vxh-settings>div {min-width:0}
.vxh-settings dt {font-size:11px;color:var(--vxh-faint);margin-bottom:4px}
.vxh-settings dd {font-size:13px;overflow-wrap:anywhere;margin:0;color:var(--vxh-text)}
.vxh-project-link {display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--vxh-line-strong);border-radius:9px;background:var(--vxh-panel);padding:12px;text-align:left}
.vxh-project-link:hover {background:var(--vxh-hover)}
.vxh-project-link>span {min-width:0;flex:1}
.vxh-project-link b {display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.vxh-project-link small {display:block;font-size:11px;color:var(--vxh-faint);margin-top:4px}
.vxh-project-link>svg {color:var(--vxh-muted)}
.vxh-reuse-actions {display:flex;flex-direction:column;gap:8px}
.vxh-record {margin-top:24px;color:var(--vxh-faint);font-size:12px}
.vxh-record summary {cursor:pointer;padding:6px 0}
.vxh-record dl {margin:10px 0}
.vxh-record dt {margin-top:8px;font-size:11px}
.vxh-record dd {overflow-wrap:anywhere;margin:4px 0}
.vxh-record a {color:var(--vxh-muted);text-decoration:underline}
.vxh-record a>svg {width:13px;height:13px}
.vxh-filename {overflow-wrap:anywhere;font-size:13px;margin-bottom:12px!important}
.vxh-detail-status {font-size:12px;color:var(--vxh-muted);margin-top:12px!important}
.vxh-detail-status:empty {display:none}
.vxh-long-prompt:not(.vxh-expanded) {max-height:230px;overflow-y:auto;padding-right:10px;scrollbar-width:thin}
.vxh-prompt + [data-vxh="expand-prompt"] {margin-top:12px;min-height:32px;font-size:12px}
.vxh-viewer-eyebrow, .vxh-detail-count, .vxh-reference-grid small, .vxh-settings dt, .vxh-record dt, .vxh-project-link small {font-size:12px}
.vxh-card-meta, .vxh-card-bottom, .vxh-row-meta, .vxh-row time {font-size:12px}
#hist-modal.vxh-upgraded .vxh-card-title, .vxh-row-title {font-size:14px}
@media(min-width:1800px) {.vxh-grid,.vxh-skeletons{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
@media(max-width:1150px) {
  #hist-modal.vxh-upgraded #hist-header {gap:12px;padding:20px 24px 16px}
  #hist-modal.vxh-upgraded #hist-filters {padding-inline:24px}
  #hist-modal.vxh-upgraded #hist-list {padding-inline:24px}
  .vxh-library-bar {padding-inline:24px;align-items:flex-start}
  .vxh-library-controls {gap:6px}
  .vxh-library-bar>div:first-child {max-width:60%}
  .vxh-header-controls {gap:4px}
  #hist-modal.vxh-upgraded #hist-scope-select {width:132px}
  .vxh-row time {display:none}
}
@media(max-width:768px) {
  #hist-modal.vxh-upgraded {left:0!important}
  #hist-modal.vxh-upgraded #hist-header, html.sidebar-folded #hist-modal.vxh-upgraded #hist-header {padding:16px;gap:10px}
  .vxh-heading h2 {font-size:22px!important}
  .vxh-heading p {display:none}
  .vxh-header-controls {gap:2px}
  #hist-modal.vxh-upgraded #hist-scope-select {width:118px;font-size:12px}
  #hist-modal.vxh-upgraded #hist-multiselect-btn {padding:8px;min-width:38px}
  #hist-multiselect-btn>span {display:none}
  .vxh-header-controls>[data-vxh="refresh"], .vxh-clear-menu {display:none}
  #hist-modal.vxh-upgraded #hist-overview-btn {font-size:0;padding:8px}
  #hist-modal.vxh-upgraded #hist-overview-btn svg {width:16px;height:16px}
  .vxh-search {margin-top:4px}
  #hist-modal.vxh-upgraded #hist-search {height:44px;font-size:16px}
  #hist-modal.vxh-upgraded #hist-filters {flex-wrap:nowrap;overflow-x:auto;gap:5px;padding:0 16px 12px;scrollbar-width:thin}
  #hist-modal.vxh-upgraded .hist-filter {min-height:38px;flex:0 0 auto;font-size:12px}
  .vxh-library-bar {padding:18px 16px 14px;gap:12px;flex-wrap:wrap}
  .vxh-library-bar>div:first-child {max-width:none;width:100%}
  .vxh-library-title-row {gap:10px}
  .vxh-library-title-row h3 {font-size:17px}
  .vxh-library-controls {width:100%;justify-content:space-between}
  #hist-modal.vxh-upgraded #hist-list {padding:0 16px 20px}
  #vxh-status {padding-inline:16px}
  .vxh-grid,.vxh-skeletons {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .vxh-cover {aspect-ratio:4/3}
  .vxh-cover-tag {font-size:11px;padding:4px 5px;left:6px;top:6px;gap:4px}
  .vxh-cover-tag>svg {display:none!important}
  .vxh-card-body {padding:10px 10px 4px}
  #hist-modal.vxh-upgraded .vxh-card-title {font-size:13px;line-height:20px;height:40px}
  .vxh-card-meta {white-space:normal;flex-wrap:wrap;gap:3px;margin-top:8px;min-height:37px;font-size:12px;line-height:1.4}
  .vxh-card-meta>span {display:block;width:100%}
  .vxh-card-meta>span+span::before {display:none}
  .vxh-card-bottom {margin-top:8px;flex-wrap:wrap}
  .vxh-card-bottom time {font-size:11px;width:calc(100% - 32px)}
  #hist-modal.vxh-upgraded .vxh-card-bottom .vxh-icon {width:30px;height:34px}
  .vxh-card-bottom [data-vxh="open"] {display:none!important}
  .vxh-card>.vxh-check {right:6px;top:6px;padding:6px}
  .vxh-card>.vxh-check>span {display:none}
  .vxh-row {gap:10px;padding:10px}
  #hist-modal.vxh-upgraded .vxh-row-media .vxh-row-cover {width:74px;height:64px;flex-basis:74px}
  #hist-modal.vxh-upgraded .vxh-row-cover {width:36px;height:40px;flex-basis:36px}
  .vxh-row-title {font-size:13px}
  .vxh-row-meta {font-size:12px;gap:3px 7px}
  .vxh-row-actions {flex-direction:column}
  .vxh-row-actions [data-vxh="topic"], .vxh-row-actions [data-vxh="space"] {display:none!important}
  .vxh-row-meta>span:nth-child(n+3) {display:none}
  #hist-modal.vxh-upgraded #hist-multiselect-bar {padding:12px 16px;font-size:12px;gap:6px}
  #hist-modal.vxh-upgraded #hist-multiselect-bar button {padding:6px 8px;font-size:11px}
  .vxh-viewer {width:100vw;height:100dvh;border:0;border-radius:0;margin:0}
  .vxh-viewer-header {padding:12px 16px;gap:8px}
  .vxh-viewer-header h2 {font-size:17px}
  .vxh-viewer-navigation {gap:0}
  .vxh-viewer-navigation>button:last-child {margin-left:4px}
  .vxh-viewer-layout {display:flex;flex-direction:column;overflow-y:auto}
  .vxh-stage-wrap {flex:0 0 auto;min-height:0}
  .vxh-stage {height:34dvh;min-height:190px;flex:none;padding:12px}
  .vxh-stage-caption {padding:8px 16px;min-height:48px;font-size:11px}
  .vxh-stage-caption .vxh-btn {font-size:11px}
  .vxh-details {padding:20px 16px;border-left:0;border-top:1px solid var(--vxh-line);overflow:visible;min-height:initial}
  .vxh-detail-actions {margin-bottom:20px}
  .vxh-detail-actions .vxh-btn {flex:1;min-height:42px}
  .vxh-detail-section {padding-bottom:20px;margin-bottom:20px}
  .vxh-reference-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce) {
  #hist-modal.vxh-upgraded *, .vxh-viewer * {transition:none!important;animation:none!important;scroll-behavior:auto!important}
}