@layer reset{:where(html,body,h1,h2,p){margin:0}:where(button,input,progress){font:inherit}:where(button,input,label,dialog,div,main,section,aside,header,footer,form,a):not(.viewer-container *,.thumbnail-preview *){box-sizing:border-box}}@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--ink-950:#0b0d12;--ink-900:#10131a;--ink-850:#151922;--ink-800:#1b202a;--ink-700:#292f3b;--line:#303744;--line-soft:#252b35;--text:#f4f2ec;--text-soft:#b4b6bd;--text-faint:#797e89;--blue:#8fb8ff;--blue-strong:#6c9ef8;--blue-ink:#111c31;--blue-wash:#6c9ef821;--red:#ff9a92;--shadow:0 24px 70px #00000061;background:var(--ink-900);color:var(--text);font-family:Inter,Avenir Next,Segoe UI,system-ui,sans-serif}html,body{min-block-size:100%;min-inline-size:20rem}body{background:var(--ink-900);-webkit-font-smoothing:antialiased;overflow:hidden}:where(button,.button){min-block-size:2.25rem;min-inline-size:2.25rem}:where(button,.button,a,input):focus-visible{outline:2px solid var(--blue);outline-offset:2px}button{color:inherit}button:disabled,input:disabled{cursor:not-allowed;opacity:.42}:where(.topbar,.bottombar,.search-box,.dialog-heading) svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;block-size:1.15rem;inline-size:1.15rem;display:block}}@layer layout{.app{grid-template-rows:3.75rem minmax(0,1fr) 3.5rem;min-block-size:100dvh;max-block-size:100dvh;display:grid;overflow:clip}.workspace{grid-template-columns:15rem minmax(0,1fr);min-block-size:0;transition:grid-template-columns .18s;display:grid;overflow:hidden}.sidebar-closed .workspace,.is-empty .workspace{grid-template-columns:0 minmax(0,1fr)}.sidebar{background:var(--ink-850);border-inline-end:1px solid var(--line-soft);grid-template-rows:auto minmax(0,1fr);block-size:100%;min-block-size:0;min-inline-size:0;display:grid;overflow:hidden}.stage{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:var(--ink-700) var(--ink-900);touch-action:pan-y;background:radial-gradient(circle at 50% -20%, #4652673d, transparent 42%), var(--ink-900);min-block-size:0;min-inline-size:0;padding:clamp(1rem,3vw,3.5rem);position:relative;overflow:auto}.viewer-container{inline-size:min(100%,80rem);min-inline-size:0;margin-inline:auto}.viewer-container[aria-busy=true]{visibility:hidden}.is-empty .viewer-container{display:none}}@layer components{.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:fixed;overflow:hidden}.topbar,.bottombar{z-index:10;border-color:var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11141bf0;align-items:safe center;gap:.75rem;padding-inline:1rem;display:flex;position:relative}.topbar{border-block-end:1px solid var(--line-soft)}.bottombar{border-block-start:1px solid var(--line-soft);justify-content:space-between}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:.9rem;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{background:var(--blue);border-radius:.3rem;align-items:flex-end;gap:2px;block-size:1.1rem;inline-size:1.25rem;padding:3px;display:flex}.brand-mark i{background:var(--blue-ink);border-radius:1px;flex:1;display:block}.brand-mark i:first-child{block-size:35%}.brand-mark i:nth-child(2){block-size:78%}.brand-mark i:nth-child(3){block-size:55%}.document-title{min-inline-size:0;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:.78rem;overflow:hidden}.document-title:before{content:"/";color:var(--text-faint);margin-inline:.25rem .8rem}.topbar-actions{flex:none;gap:.5rem;margin-inline-start:auto;display:flex}.button,.icon-button,.nav-button,.text-button,.search-actions button{cursor:pointer;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,transform 80ms;display:inline-flex}.button{gap:.45rem;padding-inline:.9rem;font-size:.78rem;font-weight:680}.button-primary{background:var(--blue);color:var(--blue-ink)}.button-primary:hover:not(:disabled){background:#a7c7ff}.button-secondary{border-color:var(--line);background:var(--ink-800);color:var(--text)}.button-secondary:hover:not(:disabled),.icon-button:hover:not(:disabled),.nav-button:hover:not(:disabled),.text-button:hover:not(:disabled){background:var(--ink-700);border-color:#48515f}.button:active:not(:disabled),.icon-button:active:not(:disabled),.nav-button:active:not(:disabled){transform:translateY(1px)}.button-large{min-block-size:2.9rem;padding-inline:1.2rem;font-size:.88rem}.icon-button{color:var(--text-soft);background:0 0;border-color:#0000;padding:0;font-size:0}#sidebar-toggle{position:relative}.tooltip{z-index:20;visibility:hidden;border:1px solid var(--line);opacity:0;background:var(--ink-700);inline-size:max-content;max-inline-size:min(15rem,100vw - 2rem);color:var(--text);pointer-events:none;text-align:start;white-space:nowrap;border-radius:.4rem;padding:.4rem .55rem;font-size:.68rem;font-weight:650;line-height:1.25;position:absolute;inset-block-start:calc(100% + .45rem);inset-inline-start:0;box-shadow:0 .4rem 1rem #00000052}#sidebar-toggle:not(:disabled):is(:hover,:focus-visible) .tooltip{visibility:visible;opacity:1}.icon-button:not(:has(svg)):after{content:attr(aria-label);font-size:.68rem;font-weight:650}.text-button,.nav-button{border-color:var(--line-soft);min-block-size:2rem;color:var(--text-soft);background:0 0;padding-inline:.65rem;font-size:.72rem;font-weight:650}.search-box{border:1px solid var(--line-soft);background:var(--ink-950);border-radius:.65rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;margin:.75rem;padding-inline:.65rem;display:grid;position:relative}.search-box:focus-within{border-color:var(--blue-strong);box-shadow:0 0 0 3px var(--blue-wash)}.search-box>svg{inline-size:.95rem;color:var(--text-faint)}.search-box input{block-size:2.45rem;min-inline-size:0;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:.76rem}.search-box input::placeholder{color:var(--text-faint)}.search-actions{border-block-start:1px solid var(--line-soft);grid-column:1/-1;align-items:center;min-block-size:1.9rem;margin-inline:-.25rem;display:none}.search-box:has(output:not(:empty)) .search-actions{display:flex}.search-actions output{color:var(--text-faint);flex:1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem}.search-actions button{min-block-size:1.65rem;min-inline-size:2rem;color:var(--text-soft);background:0 0;border:0;font-size:.62rem}.thumbnail-list{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:var(--ink-700) var(--ink-850);block-size:100%;min-block-size:0;max-block-size:100%;padding:.15rem .8rem 1rem;overflow:hidden auto}.thumbnail-button{cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;border-radius:.6rem;grid-template-columns:minmax(0,1fr) 1.7rem;align-items:start;gap:.5rem;inline-size:100%;margin-block:.4rem;padding:.4rem;display:grid}.thumbnail-button:hover{background:var(--ink-800)}.thumbnail-button.is-active{background:var(--blue-wash);border-color:#8fb8ff73}.thumbnail-preview{aspect-ratio:var(--deck-aspect,16 / 9);background:linear-gradient(90deg,#0000 30%,#ffffff0d 50%,#0000 70%) -200% 0/200% 100%,#222730;border:1px solid #333946;border-radius:.25rem;place-items:center;inline-size:100%;animation:1.4s linear infinite thumbnail-shimmer;display:grid;position:relative;overflow:clip;box-shadow:0 8px 18px #00000029}.thumbnail-preview:not(:empty){background:#fff;animation:none}.thumbnail-preview>:first-child{transform-origin:0 0}.thumbnail-number{color:var(--text-faint);padding-block-start:.15rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem}.thumbnail-button.is-active .thumbnail-number{color:var(--blue)}.thumbnail-failed .thumbnail-preview:after{content:"Preview unavailable";color:var(--text-faint);font-size:.58rem}@keyframes thumbnail-shimmer{to{background-position:200% 0,0 0}}.welcome{text-align:center;grid-template-columns:minmax(0,1fr);place-content:center;align-items:center;min-block-size:100%;inline-size:min(100%,76rem);margin-inline:auto;padding:clamp(2rem,6vw,6rem);display:grid}.welcome-copy{inline-size:min(100%,42rem);margin-inline:auto}.app:not(.is-empty) .welcome{display:none}.eyebrow{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin-block-end:1rem;font-size:.7rem;font-weight:750}.welcome h1{letter-spacing:-.055em;text-wrap:balance;max-inline-size:13ch;margin-inline:auto;font-size:clamp(2.8rem,4vw + .75rem,4.9rem);font-weight:680;line-height:1}.welcome-lede{max-inline-size:48ch;color:var(--text-soft);text-wrap:pretty;margin-block-start:1.35rem;margin-inline:auto;font-size:clamp(.95rem,.6vw + .8rem,1.15rem);line-height:1.65}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-block-start:1.65rem;display:flex}.privacy-note{max-inline-size:54ch;color:var(--text-faint);margin-block-start:.9rem;margin-inline:auto;font-size:.72rem;line-height:1.5}.loading-layer,.drop-layer{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0d12ad;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.loading-layer[hidden],.drop-layer[hidden],.error-toast[hidden]{display:none}.loading-card{border:1px solid var(--line);background:var(--ink-850);inline-size:min(26rem,100%);box-shadow:var(--shadow);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1.15rem;display:grid}.loading-spinner{border:2px solid var(--line);border-block-start-color:var(--blue);border-radius:50%;grid-row:span 2;block-size:1.75rem;inline-size:1.75rem;animation:.7s linear infinite spin}.loading-copy{gap:.2rem;min-inline-size:0;display:grid}.loading-copy strong{font-size:.82rem}.loading-copy span{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.loading-card progress{block-size:.25rem;inline-size:100%;accent-color:var(--blue);border:0;border-radius:999px;grid-column:2/-1;overflow:clip}@keyframes spin{to{rotate:1turn}}.drop-layer{z-index:40;border:2px dashed var(--blue);color:var(--text);text-align:center;background:#161f30e0;border-radius:1rem;margin:.8rem}.drop-layer div{gap:.4rem;display:grid}.drop-layer strong{font-size:clamp(1.15rem,2vw,1.7rem)}.drop-layer span{color:var(--text-soft);font-size:.8rem}.error-toast{z-index:30;inline-size:min(28rem,100% - 2rem);box-shadow:var(--shadow);background:#27191d;border:1px solid #ff9a9252;border-radius:.8rem;align-items:start;gap:1rem;padding:1rem;display:flex;position:absolute;inset:auto 1rem 1rem auto}.error-toast strong{color:var(--red);font-size:.78rem}.error-toast p{color:#d2b7b8;overflow-wrap:anywhere;margin-block-start:.3rem;font-size:.72rem;line-height:1.5}.footer-status,.slide-navigation,.view-controls{align-items:center;gap:.45rem;display:flex}.footer-status{min-inline-size:0;color:var(--text-faint);font-size:.68rem}.footer-status span:last-child{text-overflow:ellipsis;white-space:nowrap;max-inline-size:36ch;overflow:hidden}.status-dot{background:#72cf9b;border-radius:50%;block-size:.4rem;inline-size:.4rem;box-shadow:0 0 0 3px #72cf9b1a}.slide-navigation{position:absolute;inset-inline-start:50%;translate:-50%}.slide-counter{color:var(--text-faint);align-items:center;gap:.35rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;display:flex}.slide-counter input{border:1px solid var(--line-soft);background:var(--ink-950);block-size:1.9rem;inline-size:2.5rem;color:var(--text);text-align:center;appearance:textfield;border-radius:.4rem;padding:0}.slide-counter input::-webkit-inner-spin-button{appearance:none}.view-controls{margin-inline-start:auto}.view-controls output{min-inline-size:2.8rem;color:var(--text-faint);text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.67rem}.url-dialog{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink-950:#f8fafc;--ink-850:#fff;--ink-800:#fff;--ink-700:#eef2f7;--line:#d7dee9;--line-soft:#e7ebf1;--text:#182033;--text-soft:#566176;--text-faint:#7a8498;--blue:#2563eb;--blue-strong:#1d4ed8;--blue-ink:#fff;--red:#c63c4a;border:1px solid var(--line);background:var(--ink-850);inline-size:min(32rem,100% - 2rem);color:var(--text);border-radius:1rem;padding:0;box-shadow:0 24px 70px #0f172a2e}.url-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a61}.url-dialog form{gap:.75rem;padding:1.35rem;display:grid}.dialog-heading{justify-content:space-between;align-items:start;gap:1rem;margin-block-end:.4rem;display:flex}.dialog-heading h2{letter-spacing:-.035em;font-size:1.35rem;font-weight:620}.url-dialog label{color:var(--text-soft);font-size:.72rem;font-weight:650}.url-dialog input{border:1px solid var(--line);background:var(--ink-950);min-block-size:2.8rem;inline-size:100%;color:var(--text);border-radius:.55rem;padding-inline:.8rem;font-size:.82rem}.url-dialog input:user-invalid{border-color:var(--red)}.url-dialog form>p{color:var(--text-faint);font-size:.68rem;line-height:1.55}.dialog-actions{justify-content:flex-end;gap:.55rem;margin-block-start:.5rem;display:flex}}@layer states{.app.is-empty{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink-950:#f8fafc;--ink-900:#f7f9fc;--ink-850:#fff;--ink-800:#fff;--ink-700:#eef2f7;--line:#d7dee9;--line-soft:#e7ebf1;--text:#182033;--text-soft:#566176;--text-faint:#7a8498;--blue:#2563eb;--blue-strong:#1d4ed8;--blue-ink:#fff;--blue-wash:#2563eb1a;--red:#c63c4a;--shadow:0 24px 60px #1f29371a;background:var(--ink-900);color:var(--text);grid-template-rows:4rem minmax(0,1fr)}.app.is-empty .topbar{border-color:var(--line-soft);background:#ffffffeb;padding-inline:clamp(1rem,3vw,2.5rem)}.app.is-empty :where(#sidebar-toggle,.document-title,.topbar-actions,.bottombar){display:none}.app.is-empty .stage{scrollbar-color:#c8d0dc var(--ink-900);background:var(--ink-900);padding:0}.app.is-empty .brand{color:var(--text)}.app.is-empty .button-primary:hover:not(:disabled),.url-dialog .button-primary:hover:not(:disabled){background:var(--blue-strong)}.app.is-empty .loading-layer{background:#f7f9fcd1}.app.is-empty .drop-layer{border-color:var(--blue);background:#eff6fff0}.app.is-empty .error-toast{background:#fff6f7;border-color:#c63c4a38}.app.is-empty .error-toast p{color:#784b52}.app.is-empty :where(.bottombar .slide-navigation,.bottombar .view-controls,.footer-status .status-dot){visibility:hidden}.stage:fullscreen{background:#08090c;padding:1rem}@media (width<=50rem){.workspace,.sidebar-closed .workspace,.is-empty .workspace{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:15;inline-size:min(18rem,84vw);transition:translate .18s;position:fixed;inset:3.75rem auto 3.5rem 0;translate:0;box-shadow:1rem 0 3rem #0006}.sidebar-closed .sidebar,.is-empty .sidebar{translate:-105%}.footer-status{display:none}}@media (width<=36rem){.app{grid-template-rows:3.5rem minmax(0,1fr) 3.5rem}.topbar{padding-inline:.65rem}.app:not(.is-empty) .brand>span:last-child,.document-title,#url-button,.view-controls #zoom-out,.view-controls #zoom-in,.view-controls output,.view-controls #fit-button{display:none}.topbar-actions .button{padding-inline:.7rem}.bottombar{padding-inline:.5rem}.slide-navigation{margin-inline:auto;position:static;translate:none}.view-controls{margin-inline-start:0}.welcome{padding:1.25rem}.welcome h1{font-size:clamp(2.4rem,13vw,3.2rem)}}@media (pointer:coarse){:where(button,.button){min-block-size:2.75rem;min-inline-size:2.75rem}}@media (prefers-reduced-motion:reduce){:where(.workspace,.sidebar,.button,.icon-button,.nav-button,.text-button){transition-duration:.01ms}:where(.loading-spinner,.thumbnail-preview){animation:none}}@media (forced-colors:active){:where(.thumbnail-button.is-active,.error-toast,.drop-layer){outline:2px solid highlight}.status-dot{border:1px solid canvastext}}}