:root{color-scheme:dark;--bg: #0a0a0b;--fg: #f3f1ec;--muted: #9a958c;--muted-dim: #6f6b63;--accent: #e8c07d;--accent-ink: #1c160a;--glass: rgba(16, 16, 18, .55);--glass-strong: rgba(14, 14, 16, .82);--hairline: rgba(255, 255, 255, .1);--hairline-soft: rgba(255, 255, 255, .06);--hover: rgba(255, 255, 255, .1);--row-active: rgba(232, 192, 125, .16);--r-lg: 18px;--r-md: 12px;--r-sm: 9px;--ease: cubic-bezier(.22, .61, .36, 1);--font-ui: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;height:100%;min-height:100dvh;background:var(--bg);color:var(--fg);overflow:hidden}#stage{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;background:#000}#stage canvas{display:block;width:100%;height:100%}button{font:inherit;color:inherit;cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.empty{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 38%,rgba(232,192,125,.06),transparent 60%),#0a0a0b;transition:opacity .45s var(--ease)}body.has-folder .empty{opacity:0;pointer-events:none}.empty__card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px}.empty__mark{width:60px;height:60px;color:var(--accent);opacity:.92;margin-bottom:6px;animation:rise .7s var(--ease) both}.empty__title{font-size:40px;font-weight:700;letter-spacing:-.035em;margin:2px 0 0;color:var(--accent);animation:rise .7s var(--ease) .06s both}.empty__sub{color:var(--muted);font-size:15px;line-height:1.5;margin:4px 0 14px;animation:rise .7s var(--ease) .12s both}.empty__formats{color:var(--muted-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;margin:16px 0 0;animation:rise .7s var(--ease) .24s both}.empty .btn--primary{animation:rise .7s var(--ease) .18s both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.btn{border:1px solid var(--hairline);background:#ffffff0d;border-radius:var(--r-sm);padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease)}.btn:hover{background:var(--hover)}.btn:active{transform:translateY(1px)}.btn--block{width:100%}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn--primary:hover{background:#f0cd92;border-color:#f0cd92}.linkbtn{border:none;background:none;color:var(--muted);font-size:13px;padding:6px 8px;border-radius:var(--r-sm);text-decoration:underline;text-underline-offset:3px;transition:color .14s var(--ease)}.linkbtn:hover{color:var(--fg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}body.touch #pick-folder,body.touch #empty-folder{display:none}body.touch #empty-photos{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600;border-radius:var(--r-sm);padding:10px 16px;font-size:14px;text-decoration:none}body.touch #empty-photos:hover{background:#f0cd92;color:var(--accent-ink)}label.btn,label.linkbtn{cursor:pointer}.scrim{position:fixed;left:0;right:0;bottom:0;height:220px;z-index:14;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.32) 45%,transparent);opacity:0;transition:opacity .3s var(--ease)}body.has-folder .scrim{opacity:1}.controls{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:16;transform:translate(-50%);width:min(720px,calc(100vw - 32px));background:var(--glass);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:0 18px 50px #00000080;overflow:hidden;opacity:0;transform:translate(-50%) translateY(12px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}body.has-folder .controls{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.progress{height:2px;width:100%;background:var(--hairline-soft)}.progress__fill{height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center;will-change:transform;box-shadow:0 0 8px #e8c07d80}.controls__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:11px 14px}.controls__meta{display:flex;flex-direction:column;gap:1px;min-width:0}.counter{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--fg);font-variant-numeric:tabular-nums}.folder-name{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.controls__transport{display:flex;align-items:center;gap:6px;justify-self:center}.controls__actions{display:flex;align-items:center;gap:2px;justify-self:end}.iconbtn{display:inline-grid;place-items:center;width:42px;height:42px;border:none;border-radius:50%;background:transparent;color:var(--fg);transition:background .14s var(--ease),transform .1s var(--ease),color .14s var(--ease)}.iconbtn svg{width:21px;height:21px;display:block}.iconbtn:hover{background:var(--hover)}.iconbtn:active{transform:scale(.92)}.iconbtn--play{width:52px;height:52px;background:var(--fg);color:#0a0a0b}.iconbtn--play svg{width:24px;height:24px}.iconbtn--play:hover{background:#fff}.iconbtn svg.i-pause,.iconbtn svg.i-collapse{display:none}body.playing .iconbtn--play svg.i-play{display:none}body.playing .iconbtn--play svg.i-pause{display:block}body.fullscreen .iconbtn svg.i-expand{display:none}body.fullscreen .iconbtn svg.i-collapse{display:block}.drawer-scrim{position:fixed;inset:0;z-index:18;background:#0006;opacity:0;transition:opacity .28s var(--ease)}body.panel-open .drawer-scrim{opacity:1}.drawer-scrim[hidden]{display:block;pointer-events:none}body.panel-open .drawer-scrim{pointer-events:auto}.panel{position:fixed;z-index:20;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));width:350px;max-width:calc(100vw - 28px);display:flex;flex-direction:column;background:var(--glass-strong);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:0 24px 70px #0000008c;transform:translate(calc(100% + 24px));transition:transform .32s var(--ease)}body.panel-open .panel{transform:none}.panel__head{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 14px 20px;border-bottom:1px solid var(--hairline-soft)}.panel__head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.panel__head .iconbtn{width:36px;height:36px}.panel__head .iconbtn svg{width:18px;height:18px}.panel__body{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:18px 20px;overflow:hidden}.field{display:flex;flex-direction:column;gap:7px}.field--split{flex-direction:row;gap:12px}.field--split>div{flex:1;display:flex;flex-direction:column;gap:7px}.field--toggles{gap:12px}.field--list{flex:1;min-height:0}.lbl{font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}select,input[type=number]{width:100%;background:#ffffff0a;border:1px solid var(--hairline);color:var(--fg);border-radius:var(--r-sm);padding:9px 11px;font:inherit;font-size:14px;transition:border-color .14s var(--ease),background .14s var(--ease)}select:hover,input[type=number]:hover{background:#ffffff0f}select:focus-visible,input:focus-visible{border-color:var(--accent)}.toggle{display:flex;align-items:center;gap:9px;font-size:13.5px;cursor:pointer;user-select:none}.toggle input{accent-color:var(--accent);width:16px;height:16px;margin:0;cursor:pointer}.list-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted)}#list-count{color:var(--fg);font-weight:500}.muted{color:var(--muted)}.small{font-size:11px}.vlist{position:relative;overflow-y:auto;overflow-x:hidden;flex:1;margin-top:8px;border-top:1px solid var(--hairline-soft);contain:strict;scrollbar-width:thin;scrollbar-color:var(--muted-dim) transparent}.vlist-spacer{position:relative;width:100%;pointer-events:none}.vlist-row{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;padding:0 8px;border-radius:var(--r-sm);cursor:pointer;user-select:none;font-size:12.5px;pointer-events:auto;contain:content;transition:background .1s var(--ease)}.vlist-row:hover{background:var(--hover)}.vlist-row.active{background:var(--row-active);color:var(--accent)}.vlist-row .idx{color:var(--muted-dim);width:38px;flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.vlist-row.active .idx{color:var(--accent)}.vlist-row .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#00000080;animation:fade .2s var(--ease)}.help[hidden]{display:none}.help__card{width:min(440px,calc(100vw - 32px));background:var(--glass-strong);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:0 30px 80px #0009;padding:8px 8px 20px;animation:pop .26s var(--ease)}.help__head{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 8px 18px}.help__head h2{margin:0;font-size:16px;font-weight:600}.help__grid{margin:6px 0 0;padding:0 12px;display:grid;gap:4px}.help__grid>div{display:flex;align-items:center;gap:14px;padding:9px 10px;border-radius:var(--r-sm)}.help__grid>div:nth-child(odd){background:#ffffff08}.help__grid dt{display:flex;gap:5px;min-width:96px;margin:0}.help__grid dd{margin:0;color:var(--muted);font-size:13.5px}kbd{font-family:var(--font-mono);font-size:11px;color:var(--fg);background:#ffffff14;border:1px solid var(--hairline);border-bottom-width:2px;border-radius:5px;padding:2px 7px;min-width:14px;text-align:center}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:50;transform:translate(-50%) translateY(8px);max-width:min(420px,calc(100vw - 32px));padding:11px 16px;border-radius:var(--r-md);background:var(--glass-strong);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--hairline);box-shadow:0 16px 44px #00000080;color:var(--fg);font-size:13.5px;line-height:1.45;text-align:center;opacity:0;pointer-events:none;transition:opacity .28s var(--ease),transform .28s var(--ease)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}body.standalone #fullscreen,body.standalone #install-btn{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}@keyframes progressGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}body.idle .controls,body.idle .scrim{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s var(--ease),visibility .4s var(--ease)}body.idle{cursor:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}