.settings{z-index:20;grid-template-rows:minmax(0,100%);grid-template-columns:min(560px,100%) 1fr;display:grid;position:fixed;inset:0}.settings__scrim{animation:scrim-in var(--duration-normal) var(--ease-out-expo) both;background:oklch(6% .004 250/.62)}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.settings__panel{background:var(--color-panel);border-right:1px solid var(--color-panel-edge);height:100%;min-height:0;animation:panel-in var(--duration-normal) var(--ease-out-expo) both;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);grid-template-rows:auto minmax(0,1fr) auto;display:grid}@keyframes panel-in{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.settings__head{border-bottom:1px solid var(--color-panel-edge);padding:20px 22px 16px}.settings__title{letter-spacing:-.01em;margin:0 0 4px;font-size:20px;font-weight:600}.settings__sub{color:var(--color-ink-dim);margin:0;font-size:13.5px;line-height:1.5}.settings__fit{border:1px solid var(--color-panel-edge);background:oklch(10% .006 250);border-radius:999px;gap:6px;margin-top:14px;padding:4px;display:flex}.settings__fit-btn{height:34px;color:var(--color-ink-dim);transition:background var(--duration-fast) ease, color var(--duration-fast) ease;border-radius:999px;flex:1;font-size:13px;font-weight:500}.settings__fit-btn[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-ink);box-shadow:inset 0 0 0 1px oklch(72% .17 45/.4)}.settings__list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:8px 14px 20px;overflow-y:auto}.settings__act{letter-spacing:.11em;text-transform:uppercase;color:var(--color-ink-dim);margin:16px 8px 8px;font-size:11.5px;font-weight:600}.settings__row{border-radius:var(--radius-md);transition:background var(--duration-fast) ease;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:8px;display:grid}.settings__row:hover{background:oklch(100% 0 0/.035)}.settings__row[data-off=true] .settings__thumb,.settings__row[data-off=true] .settings__label{opacity:.34}.settings__thumb{object-fit:cover;border-radius:var(--radius-sm);width:58px;height:38px;transition:opacity var(--duration-fast) ease;background:oklch(12% .006 250)}.settings__label{transition:opacity var(--duration-fast) ease;font-size:14px;line-height:1.35}.settings__position{color:var(--color-ink-dim);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11.5px;display:block}.settings__actions{align-items:center;gap:5px;display:flex}.settings__icon-btn{width:36px;height:36px;color:var(--color-ink);transition:background var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-expo);background:oklch(100% 0 0/.06);border-radius:10px;place-items:center;font-size:16px;line-height:1;display:grid}.settings__icon-btn:hover:not(:disabled){background:oklch(100% 0 0/.13)}.settings__icon-btn:active:not(:disabled){transform:scale(.92)}.settings__icon-btn:disabled{opacity:.22;cursor:default}.settings__switch{width:50px;height:30px;transition:background var(--duration-normal) var(--ease-out-expo);background:oklch(100% 0 0/.13);border-radius:999px;padding:3px;display:flex}.settings__switch[aria-checked=true]{background:var(--color-accent)}.settings__knob{width:24px;height:24px;transition:transform var(--duration-normal) var(--ease-out-expo);background:oklch(99% 0 0);border-radius:50%;transform:translate(0)}.settings__switch[aria-checked=true] .settings__knob{transform:translate(20px)}.settings__foot{border-top:1px solid var(--color-panel-edge);gap:10px;padding:14px 22px 18px;display:flex}.settings__btn{border-radius:var(--radius-md);height:46px;transition:background var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-expo);background:oklch(100% 0 0/.07);flex:1;font-size:15px;font-weight:500}.settings__btn:hover{background:oklch(100% 0 0/.13)}.settings__btn:active{transform:scale(.98)}.settings__btn--primary{background:var(--color-accent);color:oklch(15% .02 45);font-weight:600}.settings__btn--primary:hover{background:oklch(77% .17 45)}@media (width<=640px){.settings{grid-template-columns:1fr}.settings__scrim{display:none}}.mosaic{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;padding:4px 2px 8px;display:grid}.mosaic__card{transition:opacity var(--duration-fast) ease;gap:7px;margin:0;display:grid}.mosaic__card[data-off=true]{opacity:.42}.mosaic__shot{aspect-ratio:16/10;border-radius:var(--radius-md);width:100%;transition:transform var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) ease;background:oklch(10% .006 250);border:1px solid oklch(100% 0 0/.09);padding:0;display:block;position:relative;overflow:hidden}.mosaic__shot:hover{border-color:var(--color-accent);transform:translateY(-2px)}.mosaic__shot:active{transform:scale(.98)}.mosaic__shot img{object-fit:cover;width:100%;height:100%;display:block}.mosaic__number{font-variant-numeric:tabular-nums;color:oklch(15% .02 45);background:var(--color-accent);border-radius:9px;place-items:center;min-width:27px;height:27px;padding:0 8px;font-size:14px;font-weight:700;display:grid;position:absolute;top:7px;left:7px;box-shadow:0 2px 10px oklch(0% 0 0/.4)}.mosaic__off{letter-spacing:.04em;color:var(--color-ink-dim);background:oklch(8% .004 250/.82);border-radius:999px;padding:3px 8px;font-size:11px;position:absolute;bottom:7px;right:7px}.mosaic__foot{gap:6px;display:grid}.mosaic__label{color:var(--color-ink);font-size:12.5px;line-height:1.3}.mosaic__tools{align-items:center;gap:5px;display:flex}.mosaic__btn{width:30px;height:30px;transition:background var(--duration-fast) ease;background:oklch(100% 0 0/.07);border-radius:9px;place-items:center;font-size:14px;display:grid}.mosaic__btn:hover:not(:disabled){background:oklch(100% 0 0/.15)}.mosaic__btn:disabled{opacity:.22;cursor:default}.mosaic__switch{width:42px;height:25px;transition:background var(--duration-normal) var(--ease-out-expo);background:oklch(100% 0 0/.13);border-radius:999px;margin-left:auto;padding:3px;display:flex}.mosaic__switch[aria-checked=true]{background:var(--color-accent)}.mosaic__knob{width:19px;height:19px;transition:transform var(--duration-normal) var(--ease-out-expo);background:oklch(99% 0 0);border-radius:50%}.mosaic__switch[aria-checked=true] .mosaic__knob{transform:translate(17px)}.peek{z-index:40;place-items:center;padding:clamp(16px,4vw,48px);display:grid;position:fixed;inset:0}.peek__scrim{animation:scrim-in var(--duration-normal) var(--ease-out-expo) both;background:oklch(5% .004 250/.9);position:absolute;inset:0}.peek__frame{max-width:min(1400px,100%);max-height:100%;animation:peek-in var(--duration-normal) var(--ease-out-expo) both;grid-template-rows:minmax(0,1fr) auto;gap:12px;margin:0;display:grid;position:relative}@keyframes peek-in{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}.peek__photo{object-fit:contain;border-radius:var(--radius-md);width:100%;height:100%;min-height:0;display:block}.peek__bar{border-radius:var(--radius-md);border:1px solid var(--color-panel-edge);background:oklch(14% .008 250/.92);align-items:center;gap:12px;padding:10px 14px;display:flex}.peek__number{font-variant-numeric:tabular-nums;color:oklch(15% .02 45);background:var(--color-accent);border-radius:10px;place-items:center;min-width:32px;height:32px;padding:0 9px;font-size:15px;font-weight:700;display:grid}.peek__label{flex:1;min-width:0;font-size:15px}.peek__toggle{white-space:nowrap;height:36px;color:var(--color-ink-dim);transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:oklch(100% 0 0/.09);border-radius:999px;padding:0 16px;font-size:13.5px;font-weight:500}.peek__toggle[aria-checked=true]{background:var(--color-accent-soft);color:var(--color-ink);box-shadow:inset 0 0 0 1px oklch(72% .17 45/.45)}.peek__arrow,.peek__close{width:46px;height:46px;transition:background var(--duration-fast) ease, opacity var(--duration-fast) ease;background:oklch(10% .006 250/.72);border:1px solid oklch(100% 0 0/.16);border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute}.peek__arrow:hover:not(:disabled),.peek__close:hover{background:oklch(22% .008 250/.9)}.peek__arrow:disabled{opacity:.2;cursor:default}.peek__arrow--prev{top:calc(50% - 46px);left:12px}.peek__arrow--next{top:calc(50% - 46px);right:12px}.peek__close{font-size:17px;top:12px;right:12px}.settings[data-view=mosaico]{grid-template-columns:1fr}.settings[data-view=mosaico] .settings__scrim{display:none}.settings[data-view=mosaico] .settings__panel{border-right:none}.settings[data-view=mosaico] .settings__head,.settings[data-view=mosaico] .settings__foot{width:100%;max-width:1400px;margin-inline:auto}.settings[data-view=mosaico] .settings__list{width:100%;max-width:1400px;margin-inline:auto;padding-inline:22px}.settings[data-view=mosaico] .mosaic{grid-template-columns:repeat(auto-fill,minmax(196px,1fr))}.viewer{background:var(--color-stage);touch-action:none;place-items:center;display:grid;position:fixed;inset:0}.viewer__stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.viewer__photo{object-fit:contain;transform-origin:50%;will-change:transform;-webkit-user-drag:none;pointer-events:auto;width:100%;height:100%;display:block}.viewer__photo--fill{object-fit:cover}.viewer__photo--entering{animation:photo-in var(--duration-slow) var(--ease-out-expo) both}@keyframes photo-in{0%{opacity:0;transform:scale(1.028)}to{opacity:1;transform:scale(1)}}.viewer__ui{pointer-events:none;opacity:1;transition:opacity var(--duration-normal) var(--ease-out-expo);position:absolute;inset:0}.viewer__ui[data-hidden=true]{opacity:0}.viewer__ui>*{pointer-events:auto}.viewer__ui[data-hidden=true]>*{pointer-events:none}.viewer__progress{background:oklch(100% 0 0/.12);height:3px;position:absolute;top:0;left:0;right:0}.viewer__progress-bar{background:var(--color-accent);transform-origin:0;height:100%;transition:transform var(--duration-normal) var(--ease-out-expo)}.viewer__corner{top:calc(var(--safe-top) + 14px);left:calc(var(--safe-left) + 16px);z-index:2;align-items:center;gap:8px;display:flex;position:absolute}.viewer__menu-btn{width:46px;height:46px;transition:background var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-expo);background:oklch(12% .006 250/.72);border:1px solid oklch(100% 0 0/.13);border-radius:14px;place-items:center;display:grid}.viewer__menu-btn:hover{background:oklch(20% .008 250/.85)}.viewer__menu-btn:active{transform:scale(.93)}.viewer__bars{gap:4px;width:20px;display:grid}.viewer__bars>span{background:var(--color-ink);border-radius:2px;height:2px;display:block}.viewer__bars>span:nth-child(2){width:14px}.viewer__chip{height:40px;color:var(--color-ink);letter-spacing:.01em;transition:background var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-expo);background:oklch(12% .006 250/.72);border:1px solid oklch(100% 0 0/.13);border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:500;display:inline-flex}.viewer__chip:hover{background:oklch(20% .008 250/.85)}.viewer__chip:active{transform:scale(.95)}.viewer__counter{bottom:calc(var(--safe-bottom) + 18px);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--color-ink-dim);background:oklch(12% .006 250/.66);border:1px solid oklch(100% 0 0/.1);border-radius:999px;padding:7px 16px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.viewer__edge{top:calc(var(--safe-top) + 74px);z-index:1;opacity:0;width:clamp(72px,11vw,132px);transition:opacity var(--duration-fast) ease;place-items:center;display:grid;position:absolute;bottom:0}.viewer__edge:hover{opacity:1}.viewer__edge--prev{left:0}.viewer__edge--next{right:0}.viewer__arrow{background:oklch(12% .006 250/.62);border:1px solid oklch(100% 0 0/.14);border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;line-height:1;display:grid}.viewer__hint{bottom:calc(var(--safe-bottom) + 62px);color:var(--color-ink-dim);letter-spacing:.02em;white-space:nowrap;animation:hint-out 5.5s var(--ease-out-expo) forwards;font-size:12.5px;position:absolute;left:50%;transform:translate(-50%)}@keyframes hint-out{0%,62%{opacity:.82}to{opacity:0}}.viewer[data-light=true] .viewer__progress{background:oklch(20% .01 250/.12)}.viewer[data-light=true] .viewer__hint{color:oklch(42% .01 250)}.viewer__empty{text-align:center;max-width:30ch;color:var(--color-ink-dim);font-size:15px;line-height:1.6}.viewer__expand{width:19px;height:19px;position:relative}.viewer__expand>span{border:2px solid var(--color-ink);width:7px;height:7px;position:absolute}.viewer__expand>span:first-child{border-bottom:none;border-right:none;top:0;left:0}.viewer__expand>span:nth-child(2){border-bottom:none;border-left:none;top:0;right:0}.viewer__expand>span:nth-child(3){border-top:none;border-right:none;bottom:0;left:0}.viewer__expand>span:nth-child(4){border-top:none;border-left:none;bottom:0;right:0}.viewer__expand--out>span{transform:scale(.72)}.viewer__expand--out>span:first-child{transform-origin:100% 100%}.viewer__expand--out>span:nth-child(2){transform-origin:0 100%}.viewer__expand--out>span:nth-child(3){transform-origin:100% 0}.viewer__expand--out>span:nth-child(4){transform-origin:0 0}:root{--color-stage:oklch(8% .004 250);--color-ink:oklch(97% 0 0);--color-ink-dim:oklch(72% .01 250);--color-panel:oklch(15% .008 250);--color-panel-edge:oklch(26% .012 250);--color-accent:oklch(72% .17 45);--color-accent-soft:oklch(72% .17 45/.16);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--duration-fast:.16s;--duration-normal:.32s;--duration-slow:.62s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--color-stage);color:var(--color-ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}