.vanthis-versions{--version-canvas-height:clamp(400px, 64dvh, 640px);background:var(--va-main);height:100%;color:var(--va-body);padding:32px;font-size:13px;line-height:20px;overflow:auto}.vanthis-versions>.vanthis-runs__content{width:min(1440px,100%)}.vanthis-versions .vanthis-runs__heading h1{color:var(--va-strong);margin:0 0 8px;font-size:22px;font-weight:500;line-height:28px}.vanthis-versions .vanthis-runs__heading p{color:var(--va-muted);margin:0;font-size:13px;line-height:20px}.vanthis-versions .vanthis-runs__heading button{min-height:32px;padding:4px 12px}.vanthis-versions .vanthis-runs__layout{background:0 0;grid-template-columns:256px minmax(0,1fr);align-items:start;gap:24px;padding:0}.vanthis-versions .vanthis-runs__list{background:var(--va-subtle);border-radius:12px;max-height:calc(100dvh - 192px);padding:8px;position:sticky;top:0;overflow-y:auto}.vanthis-versions .vanthis-runs__list>button{overflow-wrap:anywhere;border:1px solid #0000;gap:8px;padding:12px;transition:background-color .2s cubic-bezier(.32,.72,0,1),border-color .2s cubic-bezier(.32,.72,0,1)}.vanthis-versions .vanthis-runs__list>button[aria-current=true]{background:var(--va-main);border-color:var(--va-border)}.vanthis-versions .vanthis-runs__list>button:hover:not(:disabled){background:var(--va-main)}.vanthis-versions .vanthis-runs__list small{color:var(--va-muted);font-size:13px;line-height:20px}.vanthis-versions .vanthis-runs__list>button.vanthis-versions__states-toggle{width:auto;min-height:28px;color:var(--va-muted);flex-direction:row;align-items:center;gap:4px;margin:-4px 0 4px 8px;padding:4px 8px;font-size:13px;line-height:20px}.vanthis-versions__states-toggle svg{stroke-width:1.5px;flex-shrink:0;width:16px;height:16px;transition:transform .2s cubic-bezier(.32,.72,0,1)}.vanthis-versions__states-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.vanthis-versions__states{border-left:1px solid var(--va-border);gap:2px;margin:0 0 8px 16px;padding-left:8px;display:grid}.vanthis-versions__states>button{width:100%;min-height:32px;color:var(--va-body);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.vanthis-versions__states>button strong{font-weight:500}.vanthis-versions__states>button:hover:not(:disabled),.vanthis-versions__states>button[aria-current=true]{background:var(--va-main)}.vanthis-versions__states>button[aria-current=true]{border-color:var(--va-border)}.vanthis-versions__states>button:disabled{color:var(--va-muted);cursor:default}.vanthis-versions .vanthis-runs__meta{line-height:20px}.vanthis-versions__row-summary{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vanthis-versions__detail{min-width:0}.vanthis-versions__record>header{padding:0 0 16px}.vanthis-versions__record>header p,.vanthis-versions__details p{white-space:pre-wrap;overflow-wrap:anywhere;max-width:65ch;margin:8px 0 0}.vanthis-versions__record>header h2{color:var(--va-strong);margin:8px 0 0;font-size:22px;font-weight:600;line-height:28px}.vanthis-versions__record>header .vanthis-versions__pin{margin-top:12px}.vanthis-versions__canvas{box-sizing:content-box;height:var(--version-canvas-height);border:1px solid var(--va-border);background:var(--va-subtle);border-radius:12px;min-width:0;position:relative;overflow:hidden}.vanthis-versions__canvas-layer{position:absolute;inset:0}.vanthis-versions__canvas-layer[data-visible=false],.vanthis-versions__canvas-stage[data-ready=false]{visibility:hidden;opacity:0;pointer-events:none}.vanthis-versions__canvas-stage{height:var(--version-canvas-height);min-width:0}.vanthis-versions__canvas-stage .vanthis-v2-editor{min-height:0}.vanthis-versions__canvas-state{background:var(--va-subtle);height:100%;color:var(--va-muted);border-radius:12px;place-items:center;padding:32px;display:grid}.vanthis-versions__canvas-state p{text-align:center;max-width:48ch;margin:0}.vanthis-versions__canvas-status{z-index:1;background:var(--va-subtle);max-width:calc(100% - 24px);color:var(--va-muted);pointer-events:none;border-radius:8px;margin:0;padding:4px 8px;position:absolute;top:12px;right:12px}.vanthis-versions__canvas-status.is-initial{text-align:center;place-items:center;max-width:none;padding:32px;display:grid;inset:0}.vanthis-versions__details{margin-top:24px}.vanthis-versions__details>section{margin-bottom:32px}.vanthis-versions__details h3{color:var(--va-strong);margin:0 0 8px;font-size:15px;font-weight:600;line-height:22px}.vanthis-versions__details h4{color:var(--va-strong);margin:4px 0;font-size:13px;font-weight:600;line-height:20px}.vanthis-versions__details ul{margin:0;padding:0;list-style:none}.vanthis-versions__details li{border-bottom:1px solid var(--va-border);overflow-wrap:anywhere;padding:16px 0}.vanthis-versions__details small{color:var(--va-muted);font-size:13px}.vanthis-versions__details details{margin-block:8px}.vanthis-versions__details details summary{cursor:pointer;min-height:32px}.vanthis-versions__details a{color:var(--va-strong);text-underline-offset:4px}.vanthis-versions :is(button,a,summary):focus-visible{outline:1.5px solid var(--va-strong,currentColor);outline-offset:2px}.vanthis-versions .vanthis-runs__list>button:disabled,.vanthis-versions .vanthis-runs__heading button:disabled{color:var(--va-muted);cursor:default}.vanthis-versions__intro{color:var(--va-muted);font-size:13px;line-height:20px;margin-block:24px!important}.vanthis-versions__title{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.vanthis-versions__pinned{color:var(--va-muted);align-items:center;gap:4px;font-size:13px;line-height:20px;display:inline-flex}.vanthis-versions__pinned svg,.vanthis-versions__pin-toggle svg{stroke-width:1.5px;flex-shrink:0;width:16px;height:16px}.vanthis-versions__pin{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;display:flex}.vanthis-versions__pin-toggle{border:1px solid var(--va-border-strong);border-radius:8px;align-items:center;gap:8px;min-height:32px;padding:4px 12px;font-size:13px;line-height:20px;transition:background-color .2s cubic-bezier(.32,.72,0,1),color .2s cubic-bezier(.32,.72,0,1),border-color .2s cubic-bezier(.32,.72,0,1);display:inline-flex}.vanthis-versions__pin-toggle:active:not(:disabled){background:var(--va-subtle)}.vanthis-versions .vanthis-versions__pin-toggle:disabled{opacity:1;color:var(--va-muted);background:var(--va-subtle);border-color:var(--va-border);cursor:default}.vanthis-versions__pin-status{color:var(--va-muted);font-size:13px;line-height:20px}.vanthis-versions .vanthis-versions__pin-error{border:1px solid var(--va-border-strong);background:var(--va-main);color:var(--va-strong);border-radius:8px;flex-basis:100%;margin:0;padding:12px;font-size:13px;line-height:20px}.vanthis-versions__field{padding-block:12px}.vanthis-versions__field dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0;display:grid}.vanthis-versions__field dl>div{background:var(--va-subtle);border-radius:8px;min-width:0;padding:12px}.vanthis-versions__field dt{color:var(--va-muted);margin-bottom:8px;font-size:13px}.vanthis-versions__field dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:20px}.vanthis-versions__restore-trigger{align-items:center;gap:8px;display:inline-flex}.vanthis-versions__restore button{border-radius:8px;min-height:32px;padding:4px 12px;font-size:13px;line-height:20px;transition:background-color .2s cubic-bezier(.32,.72,0,1),color .2s cubic-bezier(.32,.72,0,1),border-color .2s cubic-bezier(.32,.72,0,1)}.vanthis-versions__restore-trigger svg,.vanthis-versions__success svg{stroke-width:1.5px;flex-shrink:0;width:16px;height:16px}.vanthis-versions .vanthis-versions__restore-help{color:var(--va-muted);margin:8px 0 0;font-size:13px;line-height:20px}.vanthis-versions__confirmation{background:var(--va-subtle);border-radius:8px;margin-top:16px;padding:16px}.vanthis-versions__confirmation h3{font-size:15px;font-weight:600;line-height:22px}.vanthis-versions__confirmation p{font-size:13px;line-height:20px}.vanthis-versions__restore-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.vanthis-versions__restore-actions .vanthis-primary-button{background:#2f5fe0;color:#fff!important}.vanthis-versions__restore-actions .vanthis-primary-button:hover:not(:disabled){background:#2650c4}.vanthis-versions .vanthis-versions__restore button:disabled{opacity:1;background:var(--va-subtle);border-color:var(--va-border);cursor:default;color:var(--va-muted)!important}.vanthis-versions .vanthis-versions__restore-error{border:1px solid var(--va-border-strong);background:var(--va-main);color:var(--va-strong);border-radius:8px;padding:12px}.vanthis-versions__restore-progress{color:var(--va-muted)}.vanthis-versions .vanthis-versions__success{background:var(--va-subtle);max-width:none;color:var(--va-strong);border-radius:8px;align-items:start;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:13px;line-height:20px;display:flex}.vanthis-versions__success svg{margin-top:2px}.vanthis-versions__success:focus-visible{outline:1.5px solid var(--va-strong,currentColor);outline-offset:2px}@media (width<=1100px){.vanthis-versions{padding:24px 16px}.vanthis-versions .vanthis-runs__layout{grid-template-columns:240px minmax(0,1fr);gap:16px}}@media (width<=900px){.vanthis-versions .vanthis-runs__layout{grid-template-columns:minmax(0,1fr)}.vanthis-versions .vanthis-runs__list{max-height:none;position:static}.vanthis-versions.has-detail .vanthis-runs__list{display:none}.vanthis-versions .vanthis-runs__back{margin-bottom:16px;display:inline-flex}.vanthis-versions{--version-canvas-height:480px}}@media (width<=700px){.vanthis-versions__field dl{grid-template-columns:minmax(0,1fr)}.vanthis-versions__restore-actions{flex-direction:column}.vanthis-versions__restore button,.vanthis-versions__pin-toggle{min-height:48px}.vanthis-versions__restore-actions button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.vanthis-versions .vanthis-runs__list>button,.vanthis-versions__states-toggle svg,.vanthis-versions__restore button,.vanthis-versions__pin-toggle{transition:none}}
