:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;overscroll-behavior:none}#stage{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}.chrome{position:fixed;inset:0;pointer-events:none}.glyph{position:absolute;margin:0;padding:.4em .55em;border:0;background:none;appearance:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:200;line-height:1;opacity:.24;cursor:pointer;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity .42s ease}.glyph:hover,.glyph:focus-visible{opacity:.55;outline:none}.glyph:active{opacity:.7}.glyph--left,.glyph--right{top:50%;transform:translateY(-50%);font-size:clamp(26px,3.2vw,40px)}.glyph--left{left:max(40px,2.2vw)}.glyph--right{right:max(40px,2.2vw)}.glyph--add{left:max(12px,1.1vw);top:max(8px,.8vw);font-size:clamp(17px,1.7vw,22px);opacity:.2}.info{position:absolute;left:max(14px,1.2vw);bottom:max(12px,1vw);margin:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11px;letter-spacing:.02em;color:#8a8a8a;pointer-events:none;user-select:none;--row: 1.55em}.info__line{display:flex;align-items:flex-start;height:var(--row)}.info__text{white-space:pre;line-height:var(--row)}.reel{display:inline-block;overflow:hidden;height:var(--row);line-height:var(--row)}.reel__strip{display:block;will-change:transform;transition:transform 1.15s cubic-bezier(.16,1,.3,1)}.reel__cell{display:block;height:var(--row);line-height:var(--row);text-align:center}.chrome--dropping .glyph--add{opacity:.62;transition-duration:.14s}.file-input{display:none}.slicer{position:absolute;right:0;top:50%;transform:translateY(-50%);height:min(58vh,460px);width:26px;pointer-events:auto;cursor:ns-resize;touch-action:none;-webkit-tap-highlight-color:transparent}.slicer__track,.slicer__fill{position:absolute;left:50%;width:1px;transform:translate(-50%);background:#fff;transition:opacity .42s ease}.slicer__track{top:0;bottom:0;opacity:.1}.slicer__fill{bottom:0;opacity:.16}.slicer__handle{position:absolute;left:50%;width:11px;height:1px;transform:translate(-50%,-50%);background:#fff;opacity:.26;transition:opacity .42s ease,width .22s ease}.slicer:hover .slicer__track,.slicer--dragging .slicer__track{opacity:.2}.slicer:hover .slicer__fill,.slicer--dragging .slicer__fill,.slicer--active .slicer__fill{opacity:.32}.slicer:hover .slicer__handle,.slicer--dragging .slicer__handle{opacity:.6;width:15px}@media(hover:none){.slicer{width:34px}.slicer__handle{opacity:.34;width:14px}}@media(hover:none){.glyph{opacity:.3}}.panel{position:absolute;right:44px;bottom:max(12px,1vw);width:186px;padding:9px 11px 11px;pointer-events:auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.02em;color:#8a8a8a;background:#0000008c;border:1px solid rgba(255,255,255,.08);user-select:none;-webkit-user-select:none}.panel__header{display:flex;align-items:center;justify-content:space-between;color:#6d6d6d;margin-bottom:4px}.panel__group{margin:7px 0 2px;color:#5f5f5f}.panel__row{display:flex;align-items:center;gap:6px;height:15px}.panel__label{flex:0 0 64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel input[type=range]{flex:1 1 auto;min-width:0;height:11px;margin:0;appearance:none;-webkit-appearance:none;background:none;cursor:ew-resize}.panel input[type=range]::-webkit-slider-runnable-track{height:1px;background:#ffffff38}.panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:7px;margin-top:-3px;border:0;border-radius:50%;background:#c8c8c8}.panel input[type=range]::-moz-range-track{height:1px;background:#ffffff38}.panel input[type=range]::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#c8c8c8}.panel__actions{display:flex;gap:7px}.panel__action{margin:0;padding:0 1px;border:0;background:none;appearance:none;color:#8a8a8a;font:inherit;font-size:12px;line-height:1;opacity:.5;cursor:pointer;transition:opacity .2s ease}.panel__action:hover{opacity:1}.panel__action--flash{animation:panel-flash .7s ease-out}@keyframes panel-flash{0%{opacity:1;color:#fff}to{opacity:.5;color:#8a8a8a}}