:root{--ht-gap-x:20px;--ht-gap-y:20px;--ht-drawer:min(18rem, calc(100vw - 2 * var(--ht-gap-x)));--ht-ease:.45s cubic-bezier(.2, .8, .2, 1);--ht-ink:#fff;--ht-line:#ffffff40}.ht-layer{width:100%;height:100%;position:absolute;inset:0}.ht-cover{object-fit:cover}.ht-tint{pointer-events:none;transform:scale(1.25)}.reel-header,.reel-controls,.ht-log{transition:right var(--ht-ease)}@media (min-width:640px){html[data-panel-open] .reel-header,html[data-panel-open] .reel-controls,html[data-panel-open] .ht-log{right:calc(var(--ht-drawer) + var(--ht-gap-x) + 20px)}}@media (max-width:639px){.ht-panel{padding-bottom:30px}}.reel-controls{bottom:var(--ht-gap-y)}.ht-panel{top:var(--ht-gap-y);right:var(--ht-gap-x);bottom:var(--ht-gap-y);width:var(--ht-drawer);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);z-index:9;color:var(--ht-ink);-webkit-user-select:none;user-select:none;transform:translateX(calc(100% + var(--ht-gap-x)));visibility:hidden;transition:transform var(--ht-ease), visibility 0s linear .45s;background:linear-gradient(160deg,#ffffff29,#ffffff0d);border-radius:10px;flex-direction:column;font-family:Union,sans-serif;line-height:1;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 40px #0000004d,inset 0 1px #fff3}.ht-panel.is-open{visibility:visible;transition:transform var(--ht-ease), visibility 0s;transform:none}.ht-actions{flex-direction:column;flex-shrink:0;gap:8px;margin-top:auto;padding:16px;display:flex}.ht-actions button{background:var(--ht-ink);color:#000;cursor:pointer;font:inherit;text-align:left;border:none;padding:8px 16px 8px 8px}.ht-actions button:hover{background:#fffc}.ht-section{border-top:1px solid var(--ht-line);margin:0 16px}.ht-section:first-child{border-top:none}.ht-section-head{cursor:pointer;width:100%;font:inherit;color:var(--ht-ink);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.ht-section-head span{padding-right:4px}.ht-section-body{padding:0 0 16px}.ht-row{align-items:center;gap:8px;min-height:24px;padding:8px 0;display:flex}.ht-lbl{white-space:nowrap;text-overflow:ellipsis;flex:0 0 6rem;overflow:hidden}.ht-slider{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ht-panel input[type=range]{appearance:none;background:var(--ht-ink);cursor:pointer;border:none;outline:none;flex:1;min-width:0;height:2px}.ht-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ht-ink);cursor:pointer;border-radius:0;width:16px;height:16px}.ht-panel input[type=range]::-moz-range-thumb{background:var(--ht-ink);cursor:pointer;border:none;border-radius:0;width:16px;height:16px}.ht-val{text-align:right;flex:0 0 32px}.ht-panel input[type=color]{-webkit-appearance:none;border:1px solid var(--ht-line);cursor:pointer;background:0 0;flex-shrink:0;width:16px;height:16px;padding:0}.ht-panel input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ht-panel input[type=color]::-webkit-color-swatch{border:none}.ht-color-text{border:1px solid var(--ht-line);width:3.5rem;height:16px;color:var(--ht-ink);font:inherit;background:0 0;outline:none;padding:0 4px}.ht-panel input[type=checkbox]{appearance:none;border:1px solid var(--ht-ink);cursor:pointer;background:0 0;flex-shrink:0;width:16px;height:16px;position:relative}.ht-panel input[type=checkbox]:checked{background:var(--ht-ink)}.ht-panel input[type=checkbox]:checked:after{content:"";border:2px solid #000;border-top:none;border-left:none;width:4px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}.ht-panel select{appearance:none;border:1px solid var(--ht-line);color:var(--ht-ink);font:inherit;cursor:pointer;background:0 0;outline:none;flex:1;padding:4px 8px}.ht-panel option{color:#000}.ht-log{z-index:10;color:#fff;mix-blend-mode:difference;pointer-events:none;white-space:nowrap;grid-template-columns:auto auto;gap:4px 12px;font-family:Union,sans-serif;line-height:1;display:grid;position:fixed;bottom:44px;right:20px}.ht-log>*{text-align:right}