:root{--bg:#0d0c0b;--surface:#1b1917;--surface-2:#26231f;--text:#f3eee6;--text-dim:#a59d92;--accent:#f2a541;--accent-ink:#1d1206;--line:#ffffff1f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Helvetica Neue,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}[hidden]{display:none!important}.screen{background:var(--bg);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.screen.page{-webkit-user-select:auto;user-select:auto;overflow-y:auto}#viewfinder{object-fit:contain;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}#viewfinder.mirror{transform:scaleX(-1)}.flash{opacity:0;pointer-events:none;background:#fff;transition:opacity .25s ease-out;position:absolute;inset:0}.flash.on{opacity:.8;transition:none}.flash.fill{opacity:1;z-index:10;transition:none}.date-overlay{color:#ff963ceb;text-shadow:0 0 8px #ff781ee6;pointer-events:none;justify-items:end;gap:.15em;font:600 22px/1 Courier New,ui-monospace,PingFang SC,Noto Sans SC,monospace;display:grid;position:absolute;bottom:6%;right:6%}.date-overlay .place{font-size:.72em}.camera-message{text-align:center;background:#0009;border-radius:14px;padding:16px;line-height:1.6;position:absolute;top:40%;left:16px;right:16px}.top-bar{padding:calc(10px + var(--safe-top)) 16px 10px;z-index:2;background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.top-bar.solid{background:var(--bg);border-bottom:1px solid var(--line);position:sticky}.top-bar h1{margin:0;font-size:17px;font-weight:600}.spacer{width:56px}.icon-btn{background:#00000059;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px;height:20px}.bar-group{gap:8px;display:flex}.icon-btn.on{background:var(--accent);color:var(--accent-ink)}.text-btn{text-align:left;min-width:56px;padding:8px 0;font-size:16px}.text-btn.danger{color:#ff7a6b;text-align:right}.scene-chip{border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#00000073;border-radius:999px;max-width:62vw;padding:8px 14px;font-size:14px;overflow:hidden}.scene-chip.manual{border-color:var(--accent)}.scene-chip.static{background:0 0;border:0}.bottom{padding:12px 0 calc(18px + var(--safe-bottom));z-index:2;background:linear-gradient(#0000,#000000bf 40%);position:absolute;bottom:0;left:0;right:0}.stamp-toggles{scrollbar-width:none;color:var(--text-dim);align-items:center;gap:6px;padding:0 16px 8px;font-size:12px;display:flex;overflow-x:auto}.stamp-toggles button{border:1px solid var(--line);color:var(--text-dim);background:#26231fb3;border-radius:999px;flex:none;padding:4px 10px}.stamp-toggles button[aria-pressed=true]{color:#ff9a3c;background:#ff963c24;border-color:#ff963cb3}.stamp-toggles button:disabled{opacity:.35}.film-groups{gap:6px;padding:0 16px 8px;display:flex}.film-groups button{color:var(--text-dim);background:#26231fb3;border-radius:999px;padding:4px 12px;font-size:12px}.film-groups button[aria-selected=true]{color:var(--accent-ink);background:var(--accent)}.film-strip{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding:4px 16px 12px;display:flex;overflow-x:auto}.film-strip::-webkit-scrollbar{display:none}.film{scroll-snap-align:center;background:#26231fd9;border:1px solid #0000;border-radius:10px;flex:none;align-items:center;gap:8px;padding:7px 12px 7px 8px;font-size:13px;display:flex}.film .swatch{border-radius:5px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #fff3}.film .meta{text-align:left;line-height:1.25;display:grid}.film .meta small{color:var(--text-dim);font-size:11px}.film.auto .swatch{background:conic-gradient(#d9a77c,#3a6fb0,#7cab6a,#c2405e,#e2b13c,#d9a77c)}.film.active{border-color:var(--accent);background:#f2a54129}.film .star{color:var(--accent);font-size:11px}.controls{grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;display:grid}.controls>:first-child{justify-self:start}.controls>:last-child{justify-self:end}.shutter{background:#ffffffe6;border:4px solid #fff;border-radius:50%;width:76px;height:76px;transition:transform .1s;box-shadow:0 0 0 4px #00000059}.shutter:active{transform:scale(.92)}.shutter:disabled{opacity:.5}.side-btn{background:#26231fd9;border-radius:12px;min-width:64px;padding:10px 12px;font-size:14px}.side-btn.small{padding:7px 10px;font-size:13px}.side-btn.on{background:var(--accent);color:var(--accent-ink)}.side-stack{gap:6px;display:grid}.primary-btn{background:var(--accent);color:var(--accent-ink);border-radius:14px;padding:12px 22px;font-size:16px;font-weight:600}.result-controls{grid-template-columns:auto 1fr;gap:12px;padding:0 16px}.result-controls .primary-btn{justify-self:stretch}.hint{color:var(--text-dim);text-align:center;margin:8px 16px 0;font-size:12px;line-height:1.5}.result-frame{top:calc(60px + var(--safe-top));left:0;right:0;bottom:calc(272px + var(--safe-bottom));grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:0 16px;display:grid;position:absolute}.result-frame img{object-fit:contain;border-radius:4px;grid-area:1/1;max-width:100%;max-height:100%;box-shadow:0 10px 40px #0009}.busy{background:#0009;border-radius:999px;grid-area:1/1;padding:8px 14px;font-size:14px}.history-grid{padding:12px 16px calc(24px + var(--safe-bottom));grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px;display:grid}.history-grid button{aspect-ratio:1;background:var(--surface);border-radius:6px;padding:0;position:relative;overflow:hidden}.history-grid img{object-fit:cover;width:100%;height:100%}.history-grid span{background:#0009;border-radius:6px;padding:2px 6px;font-size:10px;position:absolute;bottom:4px;left:4px}.sheet{background:var(--surface);width:min(480px,100%);color:var(--text);border:0;border-radius:20px 20px 0 0;margin:auto auto 0;padding:0}.sheet::backdrop{background:#00000080}.sheet form{padding:20px 20px calc(20px + var(--safe-bottom));gap:4px;display:grid}.sheet h2{margin:0 0 8px;font-size:18px}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.row.sub{padding-left:14px}.row.sub small{color:var(--text-dim);margin-top:2px;padding-right:12px;font-size:11px;display:block}.row.col{gap:10px;display:grid}.row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.row select{border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;border-radius:8px;padding:6px 10px}.row input[type=range]{width:100%;accent-color:var(--accent)}.sheet details{color:var(--text-dim);padding:12px 0;font-size:13px;line-height:1.6}.sheet .primary-btn{margin-top:8px}