@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--black: #05090d;--panel: #0f2233;--panel-2: #16304a;--ink: #dce6ea;--ink-soft: #94aab8;--rule: #2b465d;--accent: #f0798d;--sun: #ffd166;--display: "Bricolage Grotesque Variable", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--black);color:var(--ink);font-family:var(--display);overscroll-behavior:none}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--rule);background:var(--panel-2);border-radius:999px;padding:.4rem .9rem}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select{background:var(--panel-2);border:1px solid var(--rule);border-radius:.5rem;padding:.4rem .6rem;max-width:100%}input[type=range]{width:100%;accent-color:var(--accent)}.icon-btn{position:relative;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:transparent;border-radius:50%}.icon-btn:hover:not(:disabled){background:#ffffff14}.icon-btn.is-on{color:var(--sun)}.icon-btn .badge{position:absolute;right:.2rem;bottom:.2rem;font-size:.65rem;font-weight:700;line-height:1}.text-btn{border:0;background:transparent;color:var(--accent);font-weight:600}.danger{background:#b3263e;border-color:#b3263e;color:#fff;font-weight:600}.cam{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto auto auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);user-select:none;-webkit-user-select:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .5rem}.back{display:inline-flex;align-items:center;gap:.2rem;color:var(--ink-soft);text-decoration:none;font-size:.875rem;white-space:nowrap}.back:hover{color:var(--ink)}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}@media(max-width:30rem){.back span{display:none}.top-actions .icon-btn{width:2.5rem;height:2.5rem}}.stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden}.frame{position:relative;overflow:hidden;background:#000;touch-action:none;border-radius:.25rem}.frame video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .08s linear}.grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.grid line{stroke:#ffffff73;stroke-width:1}.histogram{position:absolute;left:.75rem;top:.75rem;width:9rem;height:3.6rem;background:#00000073;border-radius:.35rem;pointer-events:none}.histogram path{mix-blend-mode:screen}.histogram .luma{fill:#ffffff8c}.histogram .red{fill:none;stroke:#ff5a5a;stroke-width:.6;vector-effect:non-scaling-stroke}.histogram .green{fill:none;stroke:#5aff8a;stroke-width:.6;vector-effect:non-scaling-stroke}.histogram .blue{fill:none;stroke:#5aa8ff;stroke-width:.6;vector-effect:non-scaling-stroke}.readout-chip{position:absolute;right:.6rem;top:.6rem;padding:.15rem .5rem;border-radius:999px;background:#00000073;font-size:.75rem;font-variant-numeric:tabular-nums;pointer-events:none}.level{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.level-line,.level-mark{grid-area:1 / 1;display:block}.level-line{width:40%;height:2px;background:#fffc;transition:transform .08s linear}.level-mark{width:.6rem;height:.6rem;border:2px solid rgb(255 255 255 / .8);border-radius:50%}.level.is-level .level-line,.level.is-level .level-mark{background-color:var(--sun);border-color:var(--sun)}.focus-ring{position:absolute;width:4.5rem;height:4.5rem;margin:-2.25rem 0 0 -2.25rem;border:2px solid var(--sun);border-radius:.3rem;pointer-events:none;animation:focus .35s ease-out,fade .5s 1.3s forwards}@keyframes focus{0%{transform:scale(1.5);opacity:0}}@keyframes fade{to{opacity:0}}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(5rem,25vmin,12rem);font-weight:800;font-stretch:82%;color:#fff;text-shadow:0 0 2rem rgb(0 0 0 / .6);pointer-events:none;animation:tick 1s ease-out}@keyframes tick{0%{transform:scale(1.4);opacity:.2}}.blink{position:absolute;inset:0;background:#000;pointer-events:none;animation:blink .18s ease-out forwards}@keyframes blink{0%{opacity:.9}to{opacity:0}}.screen-flash{position:fixed;inset:0;background:#fff;z-index:50}.message{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1rem;padding:1.5rem;text-align:center;font-family:system-ui,sans-serif;color:var(--ink)}.message p{max-width:28rem;margin:0;line-height:1.5}.zoombar{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 0 .2rem}.zoombar button{min-width:2.4rem;height:2.4rem;padding:0 .4rem;border:0;background:#ffffff1f;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.zoombar button.is-on{color:var(--sun);background:#0009}.zoom-note{font-size:.7rem;color:var(--ink-soft)}.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;padding:.6rem 1.5rem .4rem}.thumb{position:relative;width:3.4rem;height:3.4rem;padding:0;border:2px solid rgb(255 255 255 / .7);border-radius:.6rem;overflow:visible;background:var(--panel)}.thumb img,.thumb-empty{display:block;width:100%;height:100%;object-fit:cover;border-radius:.45rem}.thumb .badge{position:absolute;top:-.5rem;right:-.6rem;min-width:1.3rem;padding:.1rem .3rem;border-radius:999px;background:var(--accent);color:#1a0a0e;font-size:.7rem;font-weight:700}.shutter{position:relative;width:4.75rem;height:4.75rem;padding:0;border:4px solid #fff;background:transparent}.shutter span{position:absolute;inset:4px;border-radius:50%;background:#fff;transition:transform .1s,background .2s}.shutter:active:not(:disabled) span{transform:scale(.88)}.shutter.is-busy span{background:#fff9}.shutter.is-timing span{background:var(--accent);transform:scale(.5);border-radius:.3rem}.shutter small{position:absolute;inset:0;display:grid;place-items:center;color:#000;font-weight:700}.switch{width:3.4rem;height:3.4rem;padding:0;display:grid;place-items:center;border:0;background:#ffffff1f}.camera-name{margin:0;padding:0 1rem .6rem;text-align:center;font-size:.75rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}@media(orientation:landscape)and (max-height:32rem){.cam{grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto}.topbar{grid-column:1 / -1}.stage{grid-row:2 / 4}.zoombar{grid-column:2;grid-row:2;flex-direction:column;justify-content:flex-start;padding:.5rem}.controls{grid-column:2;grid-row:3;grid-template-columns:auto;grid-template-rows:auto auto auto;gap:1rem;padding:.5rem 1rem}.controls .switch{grid-row:1}.controls .thumb{grid-row:3}.camera-name{display:none}}.banner,.toast{position:fixed;left:50%;transform:translate(-50%);width:min(calc(100% - 2rem),30rem);padding:.6rem .9rem;border-radius:.6rem;background:var(--panel);border:1px solid var(--rule);font-family:system-ui,sans-serif;font-size:.875rem;z-index:60}.banner{top:calc(3.5rem + env(safe-area-inset-top));display:flex;align-items:center;gap:.75rem}.banner span{flex:1}.toast{bottom:calc(8rem + env(safe-area-inset-bottom));text-align:center}.sheet{position:fixed;inset:0 0 0 auto;width:min(100%,26rem);display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--rule);z-index:20;padding-top:env(safe-area-inset-top);animation:slide-in .2s ease-out}@keyframes slide-in{0%{transform:translate(100%)}}.sheet-head,.roll-head{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1rem}.sheet-head h2,.roll-head h2{margin:0;flex:1;font-size:1.6rem;font-weight:800;font-stretch:82%;letter-spacing:-.03em}.tabs{display:flex;gap:.25rem;padding:0 1rem .5rem;border-bottom:1px solid var(--rule)}.tabs button{border:0;background:transparent;padding:.4rem .7rem;color:var(--ink-soft)}.tabs button.is-on{background:var(--panel-2);color:var(--ink)}.sheet-body{flex:1;overflow-y:auto;padding:.5rem 1rem calc(2rem + env(safe-area-inset-bottom));font-family:system-ui,sans-serif;font-size:.9rem}.sheet-body section{padding:.5rem 0 .75rem;border-bottom:1px solid var(--rule)}.sheet-body h3{margin:.5rem 0;font-family:var(--display);font-size:1.05rem;font-weight:700}.row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem 0}.row-label{display:grid;gap:.1rem;min-width:0}.row-label small,.hint{color:var(--ink-soft);font-size:.8rem;line-height:1.4}.row-control{flex-shrink:0;max-width:65%}.slider-row{display:grid;justify-content:stretch;gap:.3rem}.slider-row .row-label{display:flex;justify-content:space-between}.slider-row output{font-variant-numeric:tabular-nums;color:var(--sun)}.range-ends{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:.7rem}.chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem}.chips button{padding:.3rem .65rem;font-size:.8rem;background:transparent}.chips button.is-on{background:var(--ink);color:var(--panel);border-color:var(--ink)}.toggle{position:relative;width:2.8rem;height:1.6rem;padding:0;background:var(--panel-2)}.toggle span{position:absolute;top:.15rem;left:.15rem;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--ink-soft);transition:transform .15s,background .15s}.toggle.is-on{background:var(--accent);border-color:var(--accent)}.toggle.is-on span{transform:translate(1.2rem);background:#fff}.camera-list,.storage-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.camera-list button,.storage-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;border-radius:.6rem;padding:.6rem .8rem;background:transparent}.camera-list button.is-on,.storage-list button.is-on{border-color:var(--accent);background:var(--panel-2)}.storage-list span{display:grid;gap:.15rem}.storage-list small{color:var(--ink-soft);font-size:.78rem;line-height:1.35}.filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem}.filters button{display:grid;justify-items:center;gap:.3rem;padding:.4rem;border-radius:.6rem;font-size:.75rem;background:transparent}.filters button.is-on{border-color:var(--accent)}.swatch{width:2.6rem;height:2.6rem;border-radius:.4rem;background:linear-gradient(135deg,#e94f37,#f6c85f 35%,#6fb07f 65%,#3b6ea5)}.readout{margin:0;display:grid;gap:.2rem;font-size:.8rem}.readout div{display:flex;justify-content:space-between;gap:1rem}.readout dt{color:var(--ink-soft)}.readout dd{margin:0;text-align:right;word-break:break-all;font-variant-numeric:tabular-nums}.wide{width:100%;margin-top:1rem}.roll{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--black);z-index:30;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);animation:rise .2s ease-out}@keyframes rise{0%{transform:translateY(4%);opacity:0}}.roll-title{flex:1;display:grid}.roll-title small{color:var(--ink-soft);font-size:.8rem}.roll-empty{margin:auto;padding:2rem;color:var(--ink-soft);text-align:center;font-family:system-ui,sans-serif}.roll-grid{list-style:none;margin:0;padding:2px;flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(30vw,9rem),1fr));grid-auto-rows:min-content;gap:2px;align-content:start}.roll-grid button{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:0;background:var(--panel);overflow:hidden}.roll-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .15s}.roll-grid button.is-picked img{transform:scale(.9)}.pick{position:absolute;right:.4rem;bottom:.4rem;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;border:2px solid #fff;background:#0000004d}.is-picked .pick{background:var(--accent);border-color:var(--accent);color:#1a0a0e}.roll-actions{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-top:1px solid var(--rule)}.roll-actions .count{flex:1;color:var(--ink-soft);font-size:.85rem}.viewer{position:fixed;inset:0;background:#000;z-index:40;overflow:hidden}.viewer-stage{position:absolute;inset:0;display:grid;place-items:center;touch-action:none}.viewer-stage img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease-out;-webkit-user-drag:none}.viewer-top,.viewer-bottom{position:absolute;left:0;right:0;display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:linear-gradient(rgb(0 0 0 / .55),transparent)}.viewer-top{top:0;padding-top:calc(.4rem + env(safe-area-inset-top))}.viewer-bottom{bottom:0;justify-content:center;gap:1.5rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0000008c)}.viewer-count{flex:1;text-align:center;font-size:.9rem;font-variant-numeric:tabular-nums}.viewer-tools{display:flex}.viewer-prev,.viewer-next{position:absolute;top:50%;margin-top:-1.4rem;background:#00000059}.viewer-prev{left:.5rem}.viewer-next{right:.5rem}@media(pointer:coarse){.viewer-prev,.viewer-next{display:none}}.viewer-info{position:absolute;top:calc(3.6rem + env(safe-area-inset-top));right:.75rem;width:min(calc(100% - 1.5rem),20rem);max-height:60%;overflow-y:auto;margin:0;padding:.75rem;display:grid;gap:.3rem;border-radius:.6rem;background:#0f2233eb;font-family:system-ui,sans-serif;font-size:.8rem}.viewer-info div{display:flex;justify-content:space-between;gap:1rem}.viewer-info dt{color:var(--ink-soft)}.viewer-info dd{margin:0;text-align:right;word-break:break-all}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}