*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;background:#fff;-webkit-user-select:none;user-select:none;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.viewport{position:fixed;top:0;left:0;outline:none}.loader-overlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0009;opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.loader-overlay.visible{opacity:1;pointer-events:auto}.loader-label{font-size:11px;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:#ffffff4d}.loader-track{width:160px;height:2px;border-radius:1px;background:#ffffff0f;overflow:hidden}.loader-bar{height:100%;width:0%;border-radius:1px;background:#ffffff40;transition:width .15s linear}.loader-size{font-size:10px;font-weight:300;letter-spacing:.1em;color:#ffffff26}.bottom-vignette{position:fixed;bottom:0;left:0;right:0;height:220px;z-index:99;pointer-events:none;background:linear-gradient(to top,#00000073,#0000);-webkit-mask-image:linear-gradient(to top,black 0%,black 30%,transparent 100%);mask-image:linear-gradient(to top,black 0%,black 30%,transparent 100%);backdrop-filter:blur(16px) saturate(.8);-webkit-backdrop-filter:blur(16px) saturate(.8)}.bottom-ui{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:stretch;gap:8px;opacity:0;animation:bottomFadeUp 1s cubic-bezier(.16,1,.3,1) .6s forwards;max-width:calc(100vw - 48px)}@keyframes bottomFadeUp{to{opacity:1}}.bottom-header{display:flex;justify-content:space-between;align-items:center;padding:0 6px}.brand-left{display:flex;flex-direction:column;gap:2px}.brand-author{font-size:9px;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:#ffffff59;text-decoration:none;transition:color .4s ease}.brand-author:hover{color:#ffffff80}.brand-main{font-size:11px;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:#ffffff73}.rotate-toggle{position:relative;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:#fff3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .6s cubic-bezier(.16,1,.3,1)}.rotate-toggle:hover{color:#ffffff80}.rotate-toggle.active{color:#fff9}.rotate-toggle svg{width:15px;height:15px}.rotate-toggle:after{content:"Auto-rotate";position:absolute;bottom:calc(100% + 8px);right:0;padding:5px 10px;border-radius:6px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffb3;font-size:11px;font-weight:400;letter-spacing:.02em;white-space:nowrap;opacity:0;transform:translateY(4px);transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none}.rotate-toggle:hover:after{opacity:1;transform:translateY(0)}.preset-bar-wrapper{position:relative}.preset-bar{position:relative;display:flex;gap:2px;padding:4px;border-radius:28px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(40px) saturate(1.2);-webkit-backdrop-filter:blur(40px) saturate(1.2);overflow-x:auto;scrollbar-width:none;box-shadow:0 8px 32px #0003,inset 0 .5px #ffffff0a}.preset-bar::-webkit-scrollbar{display:none}.preset-pill{flex-shrink:0;position:relative;padding:8px 18px;border:none;border-radius:24px;background:transparent;color:#ffffff59;font-size:12px;font-weight:400;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:color .4s ease}.preset-pill:hover{color:#ffffffb3}.preset-pill.active{color:#ffffffe6}.preset-indicator{position:absolute;top:4px;left:0;border-radius:22px;background:#ffffff14;pointer-events:none;will-change:transform,width}:root,[data-theme=dark]{--dp-line: rgba(255, 255, 255, .09);--dp-accent-soft: rgba(255, 255, 255, .06);--dp-glass-border: rgba(255, 255, 255, .08);--dp-radius: 4px;--dp-picker-veil: hsla(240, 7%, 9%, .5);--dp-slider-knob: hsl(240, 5%, 15%);--dp-slider-knob-hover: hsl(240, 5%, 20%);--tp-base-background-color: hsla(240, 7%, 9%, .82);--tp-base-shadow-color: hsla(240, 12%, 2%, .6);--tp-base-border-radius: 4px;--tp-blade-border-radius: 4px;--tp-blade-horizontal-padding: 10px;--tp-button-background-color: hsla(240, 5%, 22%, .9);--tp-button-background-color-hover: hsla(240, 5%, 28%, .95);--tp-button-background-color-focus: hsla(240, 6%, 32%, 1);--tp-button-background-color-active: hsla(240, 7%, 38%, 1);--tp-button-foreground-color: hsl(240, 8%, 90%);--tp-container-background-color: hsla(240, 5%, 16%, .45);--tp-container-background-color-hover: hsla(240, 6%, 20%, .5);--tp-container-background-color-focus: hsla(240, 6%, 23%, .55);--tp-container-background-color-active: hsla(240, 7%, 26%, .6);--tp-container-foreground-color: hsl(240, 6%, 90%);--tp-input-background-color: hsl(240, 9%, 12%);--tp-input-background-color-hover: hsl(240, 9%, 16%);--tp-input-background-color-focus: hsl(240, 10%, 18%);--tp-input-background-color-active: hsl(240, 11%, 21%);--tp-input-foreground-color: hsl(240, 8%, 84%);--tp-label-foreground-color: hsl(240, 8%, 83%);--tp-monitor-background-color: hsla(240, 9%, 8%, .7);--tp-monitor-foreground-color: hsl(240, 7%, 78%);--tp-groove-foreground-color: hsla(240, 6%, 32%, .6)}[data-theme=light]{--dp-line: rgba(0, 0, 0, .07);--dp-accent-soft: rgba(0, 0, 0, .04);--dp-glass-border: rgba(0, 0, 0, .05);--dp-picker-veil: hsla(0, 0%, 100%, .72);--dp-slider-knob: hsl(240, 6%, 64%);--dp-slider-knob-hover: hsl(240, 6%, 56%);--tp-base-background-color: hsla(0, 0%, 100%, .82);--tp-base-shadow-color: hsla(240, 10%, 50%, .12);--tp-button-background-color: hsla(240, 13%, 95%, .92);--tp-button-background-color-hover: hsla(240, 12%, 91%, .96);--tp-button-background-color-focus: hsla(240, 11%, 88%, 1);--tp-button-background-color-active: hsla(240, 10%, 84%, 1);--tp-button-foreground-color: hsl(240, 6%, 11%);--tp-container-background-color: hsla(240, 16%, 96%, .55);--tp-container-background-color-hover: hsla(240, 14%, 93%, .62);--tp-container-background-color-focus: hsla(240, 13%, 90%, .68);--tp-container-background-color-active: hsla(240, 12%, 88%, .72);--tp-container-foreground-color: hsl(240, 4%, 32%);--tp-input-background-color: hsla(0, 0%, 100%, .9);--tp-input-background-color-hover: hsla(240, 30%, 99%, .95);--tp-input-background-color-focus: hsla(0, 0%, 100%, 1);--tp-input-background-color-active: hsla(240, 30%, 98%, 1);--tp-input-foreground-color: hsl(240, 6%, 13%);--tp-label-foreground-color: hsl(240, 3%, 46%);--tp-monitor-background-color: hsla(240, 18%, 97%, .7);--tp-monitor-foreground-color: hsl(240, 5%, 20%);--tp-groove-foreground-color: hsla(240, 8%, 74%, .6)}.tp-rotv{backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--dp-glass-border);interpolate-size:allow-keywords}.tp-rotv,.tp-rotv *{font-family:Geist,system-ui,-apple-system,sans-serif!important}.tp-rotv input,.tp-rotv select,.tp-rotv .tp-txtv_i,.tp-rotv .tp-mllv_i{font-family:Geist Mono,ui-monospace,monospace!important}.tp-popv{backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--dp-glass-border)}.tp-rotv .tp-colpv{background-color:var(--dp-picker-veil);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-radius:var(--dp-radius)}[data-theme=light] .tp-rotv{border-color:#0000000d;box-shadow:0 1px 2px #0000000a,0 10px 30px #00000012}[data-theme=light] .tp-popv{border-color:#0000000f;box-shadow:0 2px 6px #0000000f,0 12px 32px #0000001a}.tp-rotv .tp-sldv_k:after{background-color:var(--dp-slider-knob)!important}.tp-rotv .tp-sldv_t:hover .tp-sldv_k:after,.tp-rotv .tp-sldv_t:focus .tp-sldv_k:after,.tp-rotv .tp-sldv_t:active .tp-sldv_k:after{background-color:var(--dp-slider-knob-hover)!important}.tp-rotv .tp-fldv>.tp-fldv_b{background-color:transparent;box-shadow:inset 0 -1px 0 var(--dp-line)}.tp-rotv>.tp-rotv_b{background-color:transparent}.tp-rotv .tp-fldv>.tp-fldv_b:focus,.tp-rotv .tp-fldv>.tp-fldv_b:active,.tp-rotv>.tp-rotv_b:focus,.tp-rotv>.tp-rotv_b:active{background-color:transparent}.tp-rotv .tp-fldv>.tp-fldv_b:hover,.tp-rotv>.tp-rotv_b:hover{background-color:var(--dp-accent-soft)}.tp-rotv .tp-fldv_i,.tp-rotv .tp-tabv_i{display:none}.tp-rotv .tp-fldv_b,.tp-rotv .tp-fldv_c{border-radius:0!important}.tp-rotv .tp-tbiv_b:before{border-radius:4px 4px 0 0}.tp-rotv .tp-fldv_c{padding-left:0}.tp-rotv .tp-fldv_c>.tp-cntv{margin-left:0}.tp-rotv .tp-lblv_l,.tp-rotv .tp-fldv_t{padding-left:12px}.tp-rotv .tp-fldv_c .tp-fldv_c .tp-lblv_l,.tp-rotv .tp-fldv_c .tp-fldv_c .tp-fldv_t{padding-left:24px}.tp-rotv .tp-fldv_c .tp-fldv_c .tp-fldv_c .tp-lblv_l,.tp-rotv .tp-fldv_c .tp-fldv_c .tp-fldv_c .tp-fldv_t{padding-left:36px}.tp-rotv .tp-fldv_t:before,.tp-rotv .tp-rotv_t:before{content:"";display:inline-block;width:10.8px;height:10.8px;margin-right:7px;vertical-align:-1px;background-color:currentColor;opacity:.8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-8l-2-2z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-8l-2-2z'/%3E%3C/svg%3E") center / contain no-repeat}.tp-rotv .tp-fldv_m,.tp-rotv .tp-rotv_m{background:none!important;transform:none!important;width:9px;height:9px;right:calc(var(--cnt-hp) + (var(--cnt-usz) + 4px - 9px) / 2 - 2px);opacity:.5}.tp-rotv .tp-fldv_m:before,.tp-rotv .tp-fldv_m:after,.tp-rotv .tp-rotv_m:before,.tp-rotv .tp-rotv_m:after{content:"";position:absolute;background-color:var(--cnt-fg);border-radius:1px}.tp-rotv .tp-fldv_m:before,.tp-rotv .tp-rotv_m:before{left:0;right:0;top:50%;height:1.5px;margin-top:-.75px}.tp-rotv .tp-fldv_m:after,.tp-rotv .tp-rotv_m:after{top:0;bottom:0;left:50%;width:1.5px;margin-left:-.75px;transition:opacity .2s ease}.tp-rotv .tp-fldv.tp-fldv-expanded>.tp-fldv_b>.tp-fldv_m:after,.tp-rotv.tp-rotv-expanded .tp-rotv_m:after{opacity:0}.tp-rotv.tp-rotv-expanded{border-radius:4px;transition:width .2s cubic-bezier(.22,.61,.36,1),border-radius .2s cubic-bezier(.22,.61,.36,1),box-shadow .2s cubic-bezier(.22,.61,.36,1)}.tp-rotv.tp-rotv-expanded>.tp-rotv_b{border-radius:4px 4px 0 0!important;transition:height .2s cubic-bezier(.22,.61,.36,1),line-height .2s cubic-bezier(.22,.61,.36,1),border-radius .2s cubic-bezier(.22,.61,.36,1),background-color .18s ease!important}.tp-rotv.tp-rotv-expanded>.tp-rotv_c{height:auto!important;transition:height .26s cubic-bezier(.4,0,.2,1) .2s,opacity .2s linear .22s,padding .26s cubic-bezier(.4,0,.2,1) .2s!important}.tp-rotv:not(.tp-rotv-cpl)>.tp-rotv_c{overflow:hidden!important}.tp-rotv.tp-rotv-cpl:not(.tp-rotv-expanded)>.tp-rotv_c{display:block!important}.tp-rotv:not(.tp-rotv-expanded){width:168px!important;border-radius:999px;transition:width .5s cubic-bezier(.34,1.5,.5,1) .24s,border-radius .42s cubic-bezier(.34,1.5,.5,1) .3s,box-shadow .42s ease .24s}.tp-rotv:not(.tp-rotv-expanded)>.tp-rotv_b{height:36px;line-height:36px;border-radius:999px!important;transition:height .5s cubic-bezier(.34,1.5,.5,1) .24s,line-height .5s cubic-bezier(.34,1.5,.5,1) .24s,border-radius .42s cubic-bezier(.34,1.5,.5,1) .3s,background-color .18s ease!important}.tp-rotv:not(.tp-rotv-expanded)>.tp-rotv_c{height:0!important;transition:height .26s ease,opacity .16s ease,padding .26s ease!important}