.hliddal-preview{--hlp-bg:#071116;--hlp-panel:#0d1a20;--hlp-panel-raised:#12232b;--hlp-line:#97deee2e;--hlp-line-strong:#97deee57;--hlp-ink:#eefbff;--hlp-muted:#9eb3bb;--hlp-cyan:#66d9ef;background:linear-gradient(var(--hlp-line) 1px, transparent 1px), linear-gradient(90deg, var(--hlp-line) 1px, transparent 1px), var(--hlp-bg);height:100svh;color:var(--hlp-ink);font-family:var(--s,sans-serif);background-size:2rem 2rem;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.hliddal-preview-header{z-index:2;border-bottom:1px solid var(--hlp-line-strong);backdrop-filter:blur(12px);background:#071116f5;grid-template-columns:minmax(8rem,1fr) minmax(0,auto) minmax(8rem,1fr);align-items:center;gap:1rem;min-height:3.75rem;padding:.5rem clamp(.75rem,2vw,1.5rem);display:grid;position:relative}.hliddal-preview-back,.hliddal-preview-download{width:fit-content;min-height:2.25rem;color:var(--hlp-ink);font-family:var(--m,monospace);align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.hliddal-preview-back svg,.hliddal-preview-download svg,.hliddal-preview-toolgroup svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.05rem;height:1.05rem}.hliddal-preview-identity{justify-items:center;min-width:0;display:grid}.hliddal-preview-identity span{color:var(--hlp-cyan);font-family:var(--m,monospace);letter-spacing:.08em;text-transform:uppercase;font-size:.625rem}.hliddal-preview-identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(32vw,28rem);font-size:.875rem;overflow:hidden}.hliddal-preview-actions{justify-self:end;align-items:center;gap:.625rem;display:flex}.hliddal-preview-actions[hidden]{display:none}.hliddal-preview-position{min-width:5.5rem;color:var(--hlp-muted);font-family:var(--m,monospace);text-align:right;margin:0;font-size:.6875rem}.hliddal-preview-toolgroup{border:1px solid var(--hlp-line-strong);border-radius:.35rem;align-items:center;display:flex;overflow:hidden}.hliddal-preview-toolgroup button{width:2.25rem;height:2.125rem;color:var(--hlp-ink);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;display:grid}.hliddal-preview-toolgroup button:disabled{color:#9eb3bb59;cursor:default}.hliddal-preview-toolgroup button+button{border-left:1px solid var(--hlp-line)}.hliddal-preview-toolgroup .hliddal-preview-zoom-value{width:4.25rem;color:var(--hlp-muted);font-family:var(--m,monospace);font-size:.6875rem}.hliddal-preview-download{color:var(--hlp-cyan)}.hliddal-preview-main{min-height:0}.hliddal-preview-stage{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable;height:100%;min-height:0;padding:1.5rem;position:relative;overflow:auto}.hliddal-preview-pages{justify-items:center;gap:1.25rem;width:max-content;min-width:100%;display:grid}.hliddal-preview-pages[hidden]{display:none}.hliddal-preview-page{background:#fff;flex:none;position:relative;overflow:hidden;box-shadow:0 4px 8px #00000052}.hliddal-preview-page canvas{display:block}.hliddal-preview-page canvas[hidden]{display:none}.hliddal-preview-loading,.hliddal-preview-error{text-align:center;align-content:center;justify-items:center;padding:2rem;display:grid;position:absolute;inset:0}.hliddal-preview-loading span{border:1px solid var(--hlp-line-strong);border-top-color:var(--hlp-cyan);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite hliddal-preview-spin}.hliddal-preview-loading p,.hliddal-preview-error p{color:var(--hlp-muted)}.hliddal-preview-error[hidden],.hliddal-preview-loading[hidden]{display:none}.hliddal-preview-error svg{width:3rem;color:var(--hlp-cyan);fill:none;stroke:currentColor;stroke-width:1.2px}.hliddal-preview-error h1{margin:1rem 0 0;font-size:clamp(1.5rem,4vw,2.5rem)}.hliddal-preview-error p{max-width:38rem;margin:.75rem 0 1.25rem}.hliddal-preview-error a{color:var(--hlp-cyan);font-weight:700}@keyframes hliddal-preview-spin{to{transform:rotate(360deg)}}@media (hover:hover){.hliddal-preview-back:hover,.hliddal-preview-download:hover,.hliddal-preview-toolgroup button:not(:disabled):hover{color:var(--hlp-cyan)}.hliddal-preview-toolgroup button:not(:disabled):hover{background:var(--hlp-panel-raised)}}@media (width<=52rem){.hliddal-preview-header{grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem}.hliddal-preview-back span,.hliddal-preview-position,.hliddal-preview-download span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hliddal-preview-back,.hliddal-preview-download{justify-content:center;width:2.25rem}.hliddal-preview-identity strong{max-width:34vw;font-size:.75rem}.hliddal-preview-actions{gap:.375rem}.hliddal-preview-stage{padding:1rem .75rem}}@media (width<=31rem){.hliddal-preview-identity span{display:none}.hliddal-preview-identity strong{max-width:24vw}.hliddal-preview-toolgroup .hliddal-preview-zoom-value{width:3.5rem}}@media (prefers-reduced-motion:reduce){.hliddal-preview-stage{scroll-behavior:auto}.hliddal-preview-loading span{animation-duration:1.6s}}