@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";.psv-container{--psv-core-loaded:true;background:radial-gradient(#fff 0%,#fdfdfd 16%,#fbfbfb 33%,#f8f8f8 49%,#efefef 66%,#dfdfdf 82%,#bfbfbf 100%);width:100%;height:100%;margin:0;padding:0;position:relative;overflow:hidden;container:psv-container/size}.psv-container *{box-sizing:content-box}.psv-canvas-container{z-index:0;transition:opacity .1s linear;position:absolute;top:0;left:0}.psv-fullscreen-emulation{z-index:9999;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important}.psv-loader-container{z-index:80;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.psv-loader{--psv-loader-border:3px;--psv-loader-tickness:10px;color:#ffffffb3;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.psv-loader-canvas{color:#3d3d3d80;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.psv-loader-text{text-align:center;font:600 16px sans-serif}.psv-loader--undefined .psv-loader-canvas{animation:2s cubic-bezier(.75,.25,.25,.75) infinite psv-loader}@keyframes psv-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.psv-navbar{z-index:90;cursor:default;background:#3d3d3d80;width:100%;height:40px;font:16px sans-serif;transition:bottom .1s ease-in-out;display:flex;position:absolute;bottom:-40px;left:0}.psv-navbar--open{bottom:0}.psv-navbar,.psv-navbar *{box-sizing:content-box}.psv-button{cursor:pointer;color:#ffffffb3;background:0 0;flex:none;width:20px;height:20px;padding:10px;position:relative}.psv-button--active{background:#fff3}.psv-button--disabled{pointer-events:none;opacity:.5}.psv-button-svg{width:100%;vertical-align:initial;transition:transform .2s;transform:scale(1)}.psv-button:not(.psv-button--disabled):focus-visible{outline-offset:-2px;outline:2px solid #007cff}.psv-container:not(.psv--is-touch) .psv-button--hover-scale:not(.psv-button--disabled):hover .psv-button-svg{transform:scale(1.2)}.psv-move-button+.psv-move-button{margin-left:-10px}.psv-download-button{color:#ffffffb3!important;text-decoration:none!important}.psv-download-button:before,.psv-download-button:after{display:none!important}.psv-custom-button{width:auto;min-width:20px}.psv-custom-button--no-padding{height:100%;padding:0}.psv-caption{color:#ffffffb3;text-align:center;cursor:unset;padding:unset;height:unset;width:unset;flex:100%;overflow:hidden}.psv-caption-content{white-space:nowrap;padding:10px;display:inline-block}.psv-zoom-range.psv-button{width:80px;max-width:600px;height:1px;margin:10px 0;padding:9.5px 0}.psv-zoom-range-line{background:#ffffffb3;width:80px;height:1px;transition:all .3s;position:relative}.psv-zoom-range-handle{background:#ffffffb3;border-radius:50%;width:7px;height:7px;transition:transform .3s;position:absolute;top:-3px;transform:scale(1)}.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-line{box-shadow:0 0 2px #ffffffb3}.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-handle{transform:scale(1.3)}.psv-notification{z-index:100;box-sizing:border-box;opacity:0;justify-content:center;width:100%;padding:0 2em;transition-property:opacity,bottom;transition-duration:.2s;transition-timing-function:ease-in-out;display:flex;position:absolute;bottom:-40px}.psv-notification-content{color:#fff;background:#3d3d3dcc;border-radius:4px;max-width:50em;padding:.5em 1em;font:14px sans-serif}.psv-notification--visible{opacity:100;bottom:80px}.psv-overlay{z-index:110;opacity:.8;cursor:default;background:radial-gradient(#fff 0%,#fdfdfd 16%,#fbfbfb 33%,#f8f8f8 49%,#efefef 66%,#dfdfdf 82%,#bfbfbf 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.psv-overlay-image{text-align:center;color:#303030;width:100%}.psv-overlay-image svg{width:50%}@container psv-container (orientation:landscape){.psv-overlay-image svg{width:33%}}.psv-overlay-title{color:#000;text-align:center;margin-top:1em;font:30px sans-serif}.psv-overlay-text{color:#000c;opacity:.8;text-align:center;font:20px sans-serif}.psv-panel{z-index:90;opacity:0;cursor:default;background:#0a0a0ab3;width:400px;max-width:calc(100% - 9px);height:100%;margin-left:9px;transition-property:opacity,transform;transition-duration:.1s;transition-timing-function:ease-in-out;position:absolute;right:0;transform:translate(100%)}.psv--has-navbar .psv-panel{height:calc(100% - 40px)}.psv-panel-close-button{color:#fff;cursor:pointer;background:0 0;width:19.2px;height:19.2px;padding:6.4px;transition:background .3s ease-in-out;display:none;position:absolute;top:-1px;right:0}.psv-panel-close-button svg{transition:transform .3s ease-in-out}.psv-panel-close-button:hover{background:#000000e6}.psv-panel-close-button:hover svg{transform:scale(-1)}.psv-panel-resizer{cursor:col-resize;background-color:#000000e6;width:9px;height:100%;display:none;position:absolute;top:0;left:-9px}.psv-panel-resizer:before{content:"";background:0 0;width:1px;height:1px;margin-top:-14.5px;position:absolute;top:50%;left:5.5px;box-shadow:1px 0 #fff,3px 0 #fff,5px 0 #fff,1px 2px #fff,3px 2px #fff,5px 2px #fff,1px 4px #fff,3px 4px #fff,5px 4px #fff,1px 6px #fff,3px 6px #fff,5px 6px #fff,1px 8px #fff,3px 8px #fff,5px 8px #fff,1px 10px #fff,3px 10px #fff,5px 10px #fff,1px 12px #fff,3px 12px #fff,5px 12px #fff,1px 14px #fff,3px 14px #fff,5px 14px #fff,1px 16px #fff,3px 16px #fff,5px 16px #fff,1px 18px #fff,3px 18px #fff,5px 18px #fff,1px 20px #fff,3px 20px #fff,5px 20px #fff,1px 22px #fff,3px 22px #fff,5px 22px #fff,1px 24px #fff,3px 24px #fff,5px 24px #fff,1px 26px #fff,3px 26px #fff,5px 26px #fff,1px 28px #fff,3px 28px #fff,5px 28px #fff}.psv-panel-content{box-sizing:border-box;color:#dcdcdc;width:100%;height:100%;font:16px sans-serif;overflow:auto}.psv-panel-content:not(.psv-panel-content--no-margin){padding:1em}.psv-panel-content--no-interaction{-webkit-user-select:none;user-select:none;pointer-events:none}.psv-panel--open{opacity:1;transition-duration:.2s;transform:translate(0,0)}.psv-panel--open .psv-panel-close-button,.psv-panel--open .psv-panel-resizer{display:block}@container psv-container (width<=400px){.psv-panel{max-width:none;width:100%!important}.psv-panel-resizer{display:none!important}}.psv-panel-menu{flex-direction:column;height:100%;display:flex}.psv-panel-menu-title{flex:none;align-items:center;margin:24px 12px;font:24px sans-serif;display:flex}.psv-panel-menu-title svg{width:24px;height:24px;margin-right:12px}.psv-panel-menu-list{flex:1;margin:0;padding:0;list-style:none;overflow-x:hidden}.psv-panel-menu-item{cursor:pointer;justify-content:flex-start;align-items:center;min-height:1.5em;padding:.5em 1em;transition:background .1s ease-in-out;display:flex}.psv-panel-menu-item--active{outline-offset:-1px;outline:1px solid}.psv-panel-menu-item-icon{flex:none;width:1.5em;height:1.5em;margin-right:.5em}.psv-panel-menu-item-icon img{max-width:100%;max-height:100%}.psv-panel-menu-item-icon svg{width:100%;height:100%}.psv-panel-menu-item:focus-visible{outline-offset:-2px;outline:2px solid #007cff}.psv-panel-menu--stripped .psv-panel-menu-item:hover{background:#fff3}.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd),.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd):before{background:#ffffff1a}.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(2n),.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(2n):before{background:0 0}.psv-container:not(.psv--is-touch) .psv-panel-menu-item:hover{background:#fff3}.psv-tooltip{z-index:50;box-sizing:border-box;opacity:0;cursor:default;background:#3d3d3dcc;border-radius:4px;max-width:200px;transition-property:opacity,transform;transition-duration:.1s;transition-timing-function:ease-in-out;position:absolute}.psv-tooltip-content{color:#fff;text-shadow:0 1px #000;padding:.5em 1em;font:14px sans-serif}.psv-tooltip-arrow{border:7px solid #0000;width:0;height:0;position:absolute}.psv-tooltip--top-left,.psv-tooltip--top-center,.psv-tooltip--top-right{transform:translateY(5px)}.psv-tooltip--top-left .psv-tooltip-arrow,.psv-tooltip--top-center .psv-tooltip-arrow,.psv-tooltip--top-right .psv-tooltip-arrow{border-top-color:#3d3d3dcc}.psv-tooltip--bottom-left,.psv-tooltip--bottom-center,.psv-tooltip--bottom-right{transform:translateY(-5px)}.psv-tooltip--bottom-left .psv-tooltip-arrow,.psv-tooltip--bottom-center .psv-tooltip-arrow,.psv-tooltip--bottom-right .psv-tooltip-arrow{border-bottom-color:#3d3d3dcc}.psv-tooltip--left-top,.psv-tooltip--center-left,.psv-tooltip--left-bottom{transform:translate(5px)}.psv-tooltip--left-top .psv-tooltip-arrow,.psv-tooltip--center-left .psv-tooltip-arrow,.psv-tooltip--left-bottom .psv-tooltip-arrow{border-left-color:#3d3d3dcc}.psv-tooltip--right-top,.psv-tooltip--center-right,.psv-tooltip--right-bottom{transform:translate(-5px)}.psv-tooltip--right-top .psv-tooltip-arrow,.psv-tooltip--center-right .psv-tooltip-arrow,.psv-tooltip--right-bottom .psv-tooltip-arrow{border-right-color:#3d3d3dcc}.psv-tooltip--left-top,.psv-tooltip--top-left{box-shadow:-3px -3px #5a5a5ab3}.psv-tooltip--top-center{box-shadow:0 -3px #5a5a5ab3}.psv-tooltip--right-top,.psv-tooltip--top-right{box-shadow:3px -3px #5a5a5ab3}.psv-tooltip--left-bottom,.psv-tooltip--bottom-left{box-shadow:-3px 3px #5a5a5ab3}.psv-tooltip--bottom-center{box-shadow:0 3px #5a5a5ab3}.psv-tooltip--right-bottom,.psv-tooltip--bottom-right{box-shadow:3px 3px #5a5a5ab3}.psv-tooltip--center-left{box-shadow:-3px 0 #5a5a5ab3}.psv-tooltip--center-right{box-shadow:3px 0 #5a5a5ab3}.psv-tooltip--visible{opacity:1;transform:translate(0,0)}.psv-container{--psv-video-plugin-loaded:true}.psv-video-progressbar{cursor:pointer;z-index:89;width:100%;height:20px;position:absolute;bottom:0;left:0}.psv--has-navbar .psv-video-progressbar{bottom:40px}.psv-video-progressbar>*{width:100%;height:3px;transition:height .2s linear;position:absolute;bottom:0;left:0}.psv-video-progressbar:hover>*{height:5px}.psv-video-progressbar__progress{background-color:#ffffffb3}.psv-video-progressbar__buffer{background-color:#fff3}.psv-video-progressbar__handle{background:#fff;border-radius:50%;width:9px;margin-bottom:-2px;margin-left:-4.5px;display:none;height:9px!important}.psv-video-time{flex:none}.psv-video-time .psv-caption-content{text-align:center;min-width:6em}.psv-video-volume__container{opacity:0;background:#3d3d3d80;width:40px;height:0;padding:20px 0;transition:opacity .2s linear,height .3s step-end;position:absolute;bottom:40px;left:0}.psv--is-touch .psv-video-volume__container{display:none}.psv-video-volume__range{height:80px;position:relative}.psv-video-volume__progress,.psv-video-volume__track{background:#ffffffb3;width:5px;position:absolute;bottom:0;left:17.5px}.psv-video-volume__track{background:#fff3;height:100%}.psv-video-volume__handle{background:#fff;border-radius:50%;width:9px;height:9px;margin-bottom:-4.5px;margin-left:-2px;position:absolute;left:17.5px}.psv-video-volume-button{position:relative}.psv-video-volume-button:hover .psv-video-volume__container{opacity:1;height:80px;transition-delay:.2s;transition-timing-function:linear,step-start}.psv-video-volume-button--0 .psv-button-svg #lvl1,.psv-video-volume-button--0 .psv-button-svg #lvl2,.psv-video-volume-button--0 .psv-button-svg #lvl3,.psv-video-volume-button--1 .psv-button-svg #lvl0,.psv-video-volume-button--1 .psv-button-svg #lvl2,.psv-video-volume-button--1 .psv-button-svg #lvl3,.psv-video-volume-button--2 .psv-button-svg #lvl0,.psv-video-volume-button--2 .psv-button-svg #lvl3,.psv-video-volume-button--3 .psv-button-svg #lvl0{fill:none}.psv-video-overlay{z-index:110;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.psv-video-bigbutton{color:#ffffffb3;pointer-events:auto;cursor:pointer;opacity:0;background:0 0;border:none;width:0;padding:0;transition:opacity .2s linear,width .3s step-end;display:block}.psv-video-bigbutton--pause{opacity:1;width:20vw;transition-timing-function:linear,step-start}@container psv-container (orientation:landscape){.psv-video-bigbutton--pause{width:10vw}}.psv-video-bigbutton svg{width:100%}:root{--sand-50:#fffaf1;--sand-100:#fdf2df;--sand-200:#f2e4cb;--ink-900:#142430;--ink-700:#2a4151;--ink-500:#4e6a7c;--teal-500:#0a9f9d;--teal-700:#0c7477;--amber-500:#f2a84d;--error:#be3d2f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-height:100svh;color:var(--ink-900);background:#fff;margin:0}#app{min-height:100svh;padding:clamp(1rem,2.2vw,2rem)}.app-shell{gap:1.25rem;max-width:1300px;margin:0 auto;display:grid}.topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border:1px solid #1424301f;border-radius:1rem;gap:.8rem;padding:clamp(1rem,2vw,1.4rem);animation:.55s both reveal-up;display:grid}.topbar-brand{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;display:flex}.site-title{color:var(--ink-900);align-items:center;gap:.55rem;margin:0;font-size:clamp(1.45rem,3.2vw,2.2rem);font-weight:700;line-height:1.05;display:inline-flex}.site-logo{flex:none;width:30px;height:30px;display:block}.repo-link{color:var(--ink-900);text-transform:lowercase;background:#f4e7d1;border:1px solid #14243029;border-radius:.7rem;justify-content:center;align-items:center;padding:.42rem .82rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .18s,background-color .18s;display:inline-flex}.repo-link:hover{background:#efd6ad;transform:translateY(-1px)}.repo-link:focus-visible{outline-offset:2px;outline:2px solid #0a9f9d8c}.topbar-note{color:var(--ink-700);max-width:75ch;margin:0}.layout{grid-template-columns:minmax(260px,340px) 1fr;gap:1rem;display:grid}.panel,.viewer-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1px solid #1424301f;border-radius:1rem;box-shadow:0 16px 28px -26px #0a263bcc}.panel{gap:.9rem;padding:1rem;animation:.55s 80ms both reveal-up;display:grid}.panel h2{margin:0;font-size:1.15rem}.hint{color:var(--ink-700);margin:0;font-size:.92rem}.file-picker{background:linear-gradient(110deg, var(--teal-500), #00a8a8);color:#f3fcfc;cursor:pointer;border:none;border-radius:.8rem;justify-content:center;align-items:center;width:100%;padding:.65rem .95rem;font-size:1.04rem;font-weight:600;display:flex}.file-picker input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.action-row{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.action-row button{font-size:1.04rem}button{cursor:pointer;color:#112631;background:linear-gradient(110deg,#ffd18d,#ffc271);border:none;border-radius:.75rem;padding:.62rem .8rem;font-family:inherit;font-weight:600;transition:transform .18s,filter .18s}button:hover{filter:brightness(1.03);transform:translateY(-1px)}button.ghost{color:var(--ink-700);background:#f4e7d1}.meta{background:#0a9f9d14;border-radius:.8rem;gap:.6rem;margin:0;padding:.8rem;display:grid}.meta div{justify-content:space-between;gap:.9rem;display:flex}.meta dt{color:var(--ink-700);margin:0;font-weight:700}.meta dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--ink-900);margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.86rem;overflow:hidden}.status{color:var(--ink-700);background:#0a9f9d1f;border-radius:.7rem;margin:0;padding:.6rem .7rem;font-size:.9rem}.status[data-kind=error]{color:var(--error);background:#be3d2f24}.viewer-card{gap:.65rem;padding:.85rem;animation:.55s .15s both reveal-up;display:grid}.viewer-stage{background-color:#d4d4d6;background-image:linear-gradient(30deg,#0000001a 12%,#0000 12.5% 87%,#0000001a 87.5%,#0000001a),linear-gradient(150deg,#0000001a 12%,#0000 12.5% 87%,#0000001a 87.5%,#0000001a),linear-gradient(30deg,#0000001a 12%,#0000 12.5% 87%,#0000001a 87.5%,#0000001a),linear-gradient(150deg,#0000001a 12%,#0000 12.5% 87%,#0000001a 87.5%,#0000001a),linear-gradient(60deg,#0000000f 25%,#0000 25.5% 75%,#0000000f 75%,#0000000f),linear-gradient(60deg,#0000000f 25%,#0000 25.5% 75%,#0000000f 75%,#0000000f);background-position:0 0,0 0,36px 62px,36px 62px,0 0,36px 62px;background-size:72px 124px;border-radius:.86rem;width:100%;height:min(72vh,760px);min-height:380px;position:relative;overflow:hidden}.viewer-stage.is-dragover{box-shadow:inset 0 0 0 3px #0a9f9d80}.viewer{opacity:1;background:0 0;width:100%;height:100%;transition:opacity .2s;overflow:hidden}.viewer-stage.is-empty .viewer{opacity:0}.viewer-empty{pointer-events:none;place-items:center;padding:1.2rem;display:grid;position:absolute;inset:0}.viewer-empty[hidden]{display:none}.viewer-empty-card{color:#f3f3f3;text-align:center;background:#34363bbd;border-radius:.85rem;width:min(100%,500px);padding:clamp(1rem,3vw,1.8rem);box-shadow:0 18px 34px -22px #000000e6}.viewer-empty-card p{margin:0;font-size:clamp(1.05rem,2.1vw,1.2rem)}.viewer-empty-card p+p{margin-top:.35rem}.viewer-empty-separator{color:#ffffffb3;font-size:1.9rem;line-height:1}.viewer-empty-card strong{font-weight:700}.viewer-tip{color:var(--ink-700);margin:0;font-size:.9rem}.psv-navbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a19239e!important}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=940px){.layout{grid-template-columns:1fr}.viewer-stage{height:min(60vh,560px);min-height:320px}.topbar-brand{align-items:flex-start}}