:root{--bg: #05070d;--bg-bloom-blue: rgba(48, 120, 255, .42);--bg-bloom-violet: rgba(140, 82, 255, .4);--bg-bloom-amber: rgba(255, 168, 64, .26);--bg-bloom-cyan: rgba(40, 200, 220, .22);--glass-fill: rgba(22, 26, 38, .46);--glass-fill-strong: rgba(20, 24, 34, .62);--glass-fill-faint: rgba(255, 255, 255, .05);--glass-blur: 30px;--glass-sat: 175%;--glass-edge: rgba(255, 255, 255, .2);--glass-edge-soft: rgba(255, 255, 255, .1);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .28), inset 1px 0 0 rgba(255, 255, 255, .1);--glass-shadow: 0 18px 50px -12px rgba(0, 0, 0, .62), 0 4px 14px -6px rgba(0, 0, 0, .5);--text: #f4f7fb;--text-muted: #b7c0cf;--text-faint: #7d8798;--text-shadow: 0 1px 2px rgba(0, 0, 0, .55);--accent: #0a84ff;--accent-hi: #5ea8ff;--accent-deep: #0066d6;--accent-text: #ffffff;--accent-glow: rgba(10, 132, 255, .55);--accent-soft: rgba(10, 132, 255, .16);--focus-ring: rgba(94, 168, 255, .85);--rec: #ff453a;--rec-glow: rgba(255, 69, 58, .6);--grid-line: rgba(255, 255, 255, .14);--bracket: rgba(255, 255, 255, .7);--danger-bg: rgba(120, 30, 28, .42);--danger-border: rgba(255, 120, 110, .45);--danger-text: #ffb3ad;--warning-bg: rgba(120, 90, 20, .4);--warning-border: rgba(255, 210, 120, .45);--warning-text: #ffd98a;--ok: #34d27b;--ok-soft: rgba(52, 210, 123, .18);--radius-xl: 28px;--radius: 22px;--radius-md: 16px;--radius-sm: 12px;--bracket-len: 24px;--bracket-w: 2px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Menlo", "Consolas", "Roboto Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px}@media (prefers-color-scheme: light){:root{--bg: #e9eef6;--bg-bloom-blue: rgba(80, 150, 255, .4);--bg-bloom-violet: rgba(170, 120, 255, .34);--bg-bloom-amber: rgba(255, 190, 110, .34);--bg-bloom-cyan: rgba(90, 220, 235, .3);--glass-fill: rgba(255, 255, 255, .52);--glass-fill-strong: rgba(255, 255, 255, .66);--glass-fill-faint: rgba(255, 255, 255, .45);--glass-edge: rgba(255, 255, 255, .85);--glass-edge-soft: rgba(255, 255, 255, .5);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .9), inset 1px 0 0 rgba(255, 255, 255, .55);--glass-shadow: 0 18px 50px -14px rgba(40, 60, 110, .3), 0 4px 14px -6px rgba(40, 60, 110, .22);--text: #16202e;--text-muted: #46546a;--text-faint: #74829a;--text-shadow: 0 1px 1px rgba(255, 255, 255, .7);--accent: #0a78f0;--accent-hi: #0a84ff;--accent-deep: #005bbd;--accent-text: #ffffff;--accent-glow: rgba(10, 120, 240, .45);--accent-soft: rgba(10, 120, 240, .14);--focus-ring: rgba(10, 120, 240, .7);--rec: #ff3b30;--rec-glow: rgba(255, 59, 48, .45);--grid-line: rgba(20, 30, 50, .16);--bracket: rgba(20, 30, 50, .6);--danger-bg: rgba(255, 220, 218, .7);--danger-border: rgba(200, 70, 60, .4);--danger-text: #a32d2d;--warning-bg: rgba(255, 240, 210, .7);--warning-border: rgba(200, 150, 40, .4);--warning-text: #8a5a0b;--ok: #1f9d57;--ok-soft: rgba(31, 157, 87, .14)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{position:relative;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;z-index:-2;pointer-events:none;background:radial-gradient(38vmax 38vmax at 14% 18%,var(--bg-bloom-blue),transparent 62%),radial-gradient(42vmax 42vmax at 86% 12%,var(--bg-bloom-violet),transparent 60%),radial-gradient(46vmax 46vmax at 78% 88%,var(--bg-bloom-amber),transparent 64%),radial-gradient(34vmax 34vmax at 10% 90%,var(--bg-bloom-cyan),transparent 60%);filter:blur(20px) saturate(135%);animation:ambient-drift 32s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120vmax 80vmax at 50% 0%,transparent 40%,rgba(0,0,0,.32) 100%)}@media (prefers-color-scheme: light){body:after{background:radial-gradient(120vmax 80vmax at 50% 0%,transparent 45%,rgba(40,60,110,.14) 100%)}}@keyframes ambient-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.08)}}.ambient{position:fixed;top:-10vmax;right:-10vmax;bottom:-10vmax;left:-10vmax;z-index:-1;pointer-events:none;background:radial-gradient(30vmax 30vmax at 60% 30%,rgba(120,90,255,.18),transparent 60%),radial-gradient(26vmax 26vmax at 30% 70%,rgba(40,160,255,.16),transparent 62%);filter:blur(24px);animation:ambient-drift 40s ease-in-out infinite alternate-reverse}.viewfinder{--vf-max: 1280px;width:100%;max-width:var(--vf-max);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-5)}.viewfinder>.vf-hud,.viewfinder>.vf-stage{width:100%}.vf-hud{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-edge-soft);box-shadow:var(--glass-highlight),var(--glass-shadow);font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.vf-rec{display:inline-flex;align-items:center;gap:var(--sp-2);flex-shrink:0;color:var(--text-faint);font-weight:600}.vf-rec-dot{width:9px;height:9px;border-radius:50%;background:var(--text-faint);flex-shrink:0}.vf-title{margin:0;font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);text-shadow:var(--text-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf-spec{display:inline-flex;align-items:center;gap:.25em;flex-shrink:0;color:var(--accent-hi);font-weight:600;white-space:nowrap}.vf-status{color:var(--text-muted)}.vf-sep{color:var(--text-faint);margin:0 .1em}.viewfinder.is-running .vf-rec-dot{background:var(--rec);box-shadow:0 0 10px var(--rec-glow),0 0 0 1px #ffffff40;animation:rec-blink 1.2s ease-in-out infinite}.viewfinder.is-running .vf-rec,.viewfinder.is-running .vf-status{color:var(--accent-hi)}.viewfinder.is-failed .vf-rec-dot{background:var(--rec);box-shadow:0 0 8px var(--rec-glow)}.viewfinder.is-failed .vf-status{color:var(--rec)}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.25}}.vf-stage{position:relative;flex:0 0 auto;display:flex;flex-direction:column;padding:var(--sp-8);border-radius:var(--radius);background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-edge-soft);box-shadow:var(--glass-highlight),var(--glass-shadow)}.app-main{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--sp-5);width:100%}@media (min-width: 720px){.vf-subtitle{text-align:left}.viewfinder>.vf-stage{min-height:72vh}}.vf-subtitle{margin:0;font-family:var(--font);font-size:.92rem;letter-spacing:.01em;color:var(--text-muted);text-shadow:var(--text-shadow);text-align:center}.vf-grid{position:absolute;inset:var(--sp-4);pointer-events:none;z-index:0;opacity:0;transition:opacity .4s ease;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-position:33.33% 0,0 33.33%;background-size:33.34% 33.34%;background-repeat:repeat}.viewfinder.is-running .vf-grid{opacity:1}.vf-corner{position:absolute;width:var(--bracket-len);height:var(--bracket-len);pointer-events:none;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.vf-corner-tl{top:var(--sp-3);left:var(--sp-3);border-top:var(--bracket-w) solid var(--bracket);border-left:var(--bracket-w) solid var(--bracket);border-top-left-radius:var(--radius-sm)}.vf-corner-tr{top:var(--sp-3);right:var(--sp-3);border-top:var(--bracket-w) solid var(--bracket);border-right:var(--bracket-w) solid var(--bracket);border-top-right-radius:var(--radius-sm)}.vf-corner-bl{bottom:var(--sp-3);left:var(--sp-3);border-bottom:var(--bracket-w) solid var(--bracket);border-left:var(--bracket-w) solid var(--bracket);border-bottom-left-radius:var(--radius-sm)}.vf-corner-br{bottom:var(--sp-3);right:var(--sp-3);border-bottom:var(--bracket-w) solid var(--bracket);border-right:var(--bracket-w) solid var(--bracket);border-bottom-right-radius:var(--radius-sm)}.viewfinder.is-failed .vf-corner{border-color:var(--rec-glow)}.vf-deck{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-4);padding:var(--sp-5) 0 0;margin-top:var(--sp-2);border-top:1px solid var(--glass-edge-soft)}.card{background:transparent;border:none;border-radius:var(--radius-md);padding:0}.error-view.card{background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-edge);box-shadow:var(--glass-highlight),var(--glass-shadow);padding:var(--sp-6)}.form{display:flex;flex-direction:column;gap:var(--sp-5)}@media (min-width: 720px){.form{flex:1;gap:var(--sp-6)}.form>.field:nth-of-type(1){flex:1}.form>.field:nth-of-type(1) .textarea{min-height:320px;height:100%}.form>.vf-deck{margin-top:auto;justify-content:flex-end}}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.label{font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-shadow:var(--text-shadow)}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.frame-counter{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--accent-hi);white-space:nowrap}.label-hint{font-weight:400;color:var(--text-faint);text-transform:none;letter-spacing:0}.textarea{width:100%;resize:vertical;min-height:180px;padding:1rem 1.15rem;background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);color:var(--text);border:1px solid var(--glass-edge-soft);border-radius:var(--radius-sm);box-shadow:inset 0 1px #ffffff24,inset 0 -10px 24px -16px #00000080;font-family:var(--font);font-size:.97rem;line-height:1.55;caret-color:var(--accent-hi);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.textarea::placeholder{font-family:var(--font);font-size:.92rem;letter-spacing:.01em;color:var(--text-faint)}.textarea:hover:not(:focus){border-color:var(--glass-edge)}.textarea:focus-visible,.file-input:focus-visible{outline:none;border-color:var(--accent-hi);box-shadow:inset 0 1px #ffffff24,0 0 0 3px var(--focus-ring),0 0 18px var(--accent-soft)}.file-input{font-family:var(--mono);font-size:.82rem;color:var(--text-muted)}.file-input::file-selector-button{margin-right:.75rem;padding:.5rem 1rem;background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);color:var(--accent-hi);border:1px solid var(--glass-edge);border-radius:999px;box-shadow:var(--glass-highlight);font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.file-input::file-selector-button:hover{background:var(--accent);color:var(--accent-text);box-shadow:var(--glass-highlight),0 0 16px var(--accent-glow)}.thumb-grid{list-style:none;margin:.35rem 0 0;padding:0;display:flex;flex-wrap:nowrap;gap:.6rem}.film-strip{overflow-x:auto;padding:var(--sp-3);position:relative;border-radius:var(--radius-sm);background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--glass-edge-soft);box-shadow:var(--glass-highlight)}.thumb{position:relative;width:84px;height:84px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-edge);box-shadow:0 6px 16px -8px #0009,inset 0 1px #fff3}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--glass-edge);border-radius:50%;background:#0a0c148c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1.05rem;line-height:1;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.thumb-remove:hover{background:var(--rec);color:#fff;box-shadow:0 0 12px var(--rec-glow)}.thumb-remove:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border-radius:999px;border:1px solid var(--glass-edge);background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);color:var(--text);box-shadow:var(--glass-highlight),0 6px 18px -10px #0009;font:inherit;font-size:.86rem;font-weight:600;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;text-shadow:var(--text-shadow);cursor:pointer;text-decoration:none;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .12s ease}.btn:hover{background:#ffffff1f;border-color:var(--glass-edge)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:var(--glass-highlight),0 0 0 3px var(--focus-ring),0 0 20px var(--accent-soft)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,var(--accent-hi),var(--accent) 55%,var(--accent-deep));border-color:#fff6;color:var(--accent-text);text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff80,0 8px 22px -10px var(--accent-glow),0 2px 8px -4px #00000073}.btn-primary:hover{background:linear-gradient(180deg,#7ab8ff,var(--accent-hi) 55%,var(--accent));box-shadow:inset 0 1px #fff9,0 10px 28px -8px var(--accent-glow),0 0 22px var(--accent-soft)}.btn-export{letter-spacing:.1em}.shutter{position:relative;width:78px;height:78px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.45);color:var(--accent-text);text-transform:uppercase;background:radial-gradient(120% 90% at 50% 18%,#ffffff8c,#fff0 45%),linear-gradient(180deg,var(--accent-hi),var(--accent) 52%,var(--accent-deep));-webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%);box-shadow:inset 0 2px 3px #fff9,inset 0 -8px 14px -6px #00000073,0 10px 26px -8px var(--accent-glow),0 2px 10px -4px #00000080;transition:transform .14s ease,box-shadow .18s ease,background .14s ease}.shutter:before{content:"";position:absolute;top:9%;left:16%;width:56%;height:38%;border-radius:50%;background:radial-gradient(100% 100% at 50% 0%,#ffffffbf,#fff0 70%);pointer-events:none;opacity:.85}.shutter-label{position:relative;z-index:1;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-shadow:0 1px 2px rgba(0,0,0,.4)}.shutter:hover:not(:disabled){transform:scale(1.04);box-shadow:inset 0 2px 3px #ffffffb3,inset 0 -8px 14px -6px #00000073,0 12px 32px -6px var(--accent-glow),0 0 26px var(--accent-glow)}.shutter:active:not(:disabled){transform:scale(.94)}.shutter:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--accent-hi);opacity:0;pointer-events:none}.shutter:active:not(:disabled):after{animation:shutter-snap .2s ease-out}@keyframes shutter-snap{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.5);opacity:0}}.shutter:focus-visible{outline:none;box-shadow:inset 0 2px 3px #fff9,0 0 0 4px var(--focus-ring),0 10px 26px -8px var(--accent-glow)}.shutter:disabled{background:var(--glass-fill);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);color:var(--text-faint);border-color:var(--glass-edge-soft);opacity:.6;box-shadow:var(--glass-highlight),0 4px 14px -8px #00000080;transform:none}.shutter:disabled:before{opacity:.2}.viewfinder.is-running .shutter:not(:disabled){box-shadow:inset 0 2px 3px #fff9,inset 0 -8px 14px -6px #00000073,0 10px 30px -6px var(--rec-glow),0 0 24px var(--rec-glow)}.shutter-inline{width:auto;height:auto;border-radius:999px;padding:.7rem 1.4rem;background:linear-gradient(180deg,var(--accent-hi),var(--accent) 55%,var(--accent-deep));box-shadow:inset 0 1px #ffffff80,0 8px 22px -10px var(--accent-glow)}.shutter-inline:before{display:none}.shutter-inline:hover:not(:disabled){transform:none;box-shadow:inset 0 1px #fff9,0 10px 28px -8px var(--accent-glow),0 0 20px var(--accent-soft)}.shutter-inline:focus-visible{box-shadow:inset 0 1px #ffffff80,0 0 0 3px var(--focus-ring),0 0 20px var(--accent-soft);transform:none}.shutter-inline:after{display:none}.alert{margin:0;padding:.8rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;border:1px solid transparent;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}.alert-error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text);text-shadow:var(--text-shadow)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text);text-shadow:var(--text-shadow)}.hint{margin:0;font-family:var(--mono);font-size:.78rem;color:var(--text-faint)}.hint-warming{color:var(--accent-hi);letter-spacing:.05em;text-shadow:var(--text-shadow)}.progress{display:flex;flex-direction:column;gap:var(--sp-4)}@media (min-width: 720px){.progress{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--sp-6);row-gap:var(--sp-4);align-items:start;grid-template-areas:"head    head" "hint    hint" "chips   log" "caption log" "bar     log" "pct     log" "alert   log"}.progress>.progress-header{grid-area:head}.progress>.hint-warming{grid-area:hint}.progress>.shot-chips{grid-area:chips}.progress>.shot-caption{grid-area:caption}.progress>.progress-bar{grid-area:bar}.progress>.progress-pct{grid-area:pct}.progress>.alert{grid-area:alert}.progress>.log-console{grid-area:log;align-self:stretch;display:flex;flex-direction:column;height:100%}.progress>.log-console .log-list{flex:1;max-height:none}}.progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4)}.progress-status{margin:0;font-family:var(--mono);font-size:1.02rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-shadow:var(--text-shadow)}.progress-shots{font-family:var(--mono);font-size:.85rem;color:var(--text-muted);white-space:nowrap}.conn-badge{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--glass-edge-soft);background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:var(--glass-highlight);font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.conn-sse{color:var(--text)}.conn-sse .conn-dot{background:var(--accent-hi);box-shadow:0 0 0 0 var(--accent-glow);animation:conn-pulse 1.8s ease-out infinite}.conn-polling .conn-dot{background:var(--warning-text);animation:poll-blink 1s step-end infinite}@keyframes conn-pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 6px #0a84ff00}to{box-shadow:0 0 #0a84ff00}}@keyframes poll-blink{0%,to{opacity:1}50%{opacity:.3}}.shot-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.frame-counter-strip{padding:var(--sp-3);background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--glass-edge-soft);border-radius:var(--radius-sm);box-shadow:var(--glass-highlight)}.shot-chip{flex:1 1 0;min-width:36px;height:36px;position:relative;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--glass-edge-soft);background:#ffffff0d;color:var(--text-faint);font-family:var(--mono);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px #ffffff1f;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.shot-chip-done{background:var(--ok-soft);border-color:#34d27b80;color:var(--text)}.shot-chip-done:after{content:"✓";position:absolute;top:2px;right:5px;font-size:.6rem;color:var(--ok)}.shot-chip-active{background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:#ffffff73;color:var(--accent-text);text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff80,0 0 0 0 var(--accent-glow);animation:chip-pulse 1.8s ease-out infinite}@keyframes chip-pulse{0%{box-shadow:inset 0 1px #ffffff80,0 0 0 0 var(--accent-glow)}70%{box-shadow:inset 0 1px #ffffff80,0 0 0 5px #0a84ff00}to{box-shadow:inset 0 1px #ffffff80,0 0 #0a84ff00}}.shot-chip-pending{background:#ffffff0a}.shot-caption{margin:0;font-size:.92rem;color:var(--text-muted);line-height:1.55;text-shadow:var(--text-shadow)}.shot-caption-label{display:inline-block;margin-right:.5rem;padding:.15rem .6rem;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(94,168,255,.4);font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.05em;color:var(--accent-hi);text-shadow:none}.progress-bar{width:100%;height:14px;background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);border:1px solid var(--glass-edge-soft);border-radius:999px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0006}.progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to right,transparent 0,transparent 9px,rgba(255,255,255,.08) 9px,rgba(255,255,255,.08) 10px)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hi));border-radius:999px;transition:width .4s ease;box-shadow:inset 0 1px #ffffff73,0 0 12px var(--accent-glow)}.progress-pct{margin:0;font-family:var(--mono);font-size:.85rem;color:var(--accent-hi);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:var(--text-shadow)}.log-console{background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-edge-soft);border-radius:var(--radius-sm);box-shadow:var(--glass-highlight),0 8px 24px -12px #0000008c;overflow:hidden}.log-console-head{padding:.45rem .85rem;background:#ffffff0f;border-bottom:1px solid var(--glass-edge-soft);font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--text-muted)}.log-list{list-style:none;margin:0;padding:.65rem .85rem;max-height:240px;overflow-y:auto;font-family:var(--mono);font-size:.78rem;line-height:1.55}.log-line{display:flex;gap:.6rem;color:var(--text-muted);padding:1px 0}.log-list .log-line:last-child .log-msg:before{content:"▸ ";color:var(--accent-hi)}.log-ts{color:var(--text-faint);white-space:nowrap;flex-shrink:0}.log-msg{word-break:break-word}.log-error .log-msg,.log-critical .log-msg{color:var(--danger-text)}.log-warning .log-msg,.log-warn .log-msg{color:var(--warning-text)}.log-empty{color:var(--text-faint);font-style:italic}.result,.error-view{display:flex;flex-direction:column;gap:var(--sp-5)}@media (min-width: 720px){.result{display:grid;grid-template-columns:1fr minmax(0,1.1fr);grid-template-areas:"title   video" "actions video";align-items:center;column-gap:var(--sp-6)}.result>.result-title{grid-area:title;align-self:end}.result>.result-actions{grid-area:actions;align-self:start}.result>.video-stage{grid-area:video}}.result-title,.error-title{margin:0;font-family:var(--mono);font-size:1.02rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-hi);text-shadow:var(--text-shadow)}.error-title{color:var(--rec)}.video-stage{width:100%;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-edge-soft);border-radius:var(--radius-md);box-shadow:var(--glass-highlight),inset 0 0 60px -20px #000000e6,0 10px 30px -14px #0009;overflow:hidden;padding:var(--sp-4)}@media (min-width: 720px){.video-stage{aspect-ratio:16 / 9;padding:var(--sp-5)}.video-stage .film-frame{height:100%;max-width:none;width:auto;aspect-ratio:9 / 16}}.video-wrap{width:100%;background:#000;border-radius:var(--radius-sm);overflow:hidden}.film-frame{position:relative;aspect-ratio:9 / 16;max-width:min(100%,56vh);margin-inline:auto;padding:0 10px;border:1px solid var(--glass-edge);border-radius:var(--radius-sm);box-shadow:0 0 0 1px #00000080,0 12px 30px -16px #000c;overflow:hidden}.film-frame:before,.film-frame:after{content:"";position:absolute;top:6px;bottom:6px;width:2px;border-radius:2px;pointer-events:none;background:linear-gradient(to bottom,#ffffff40,#ffffff0a)}.film-frame:before{left:3px}.film-frame:after{right:3px}.video{display:block;width:100%;height:100%;object-fit:contain;background:#000;border-radius:calc(var(--radius-sm) - 4px)}.result-actions{display:flex;flex-wrap:wrap;gap:.75rem}@media (min-width: 720px){.error-view{max-width:560px;margin-inline:auto}}.vf-nav{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border:1px solid var(--glass-edge-soft);box-shadow:var(--glass-highlight);flex-shrink:0}.vf-nav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-muted);padding:.3rem .85rem;border-radius:999px;font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.vf-nav-btn:hover:not(.is-active){color:var(--text);background:#ffffff14}.vf-nav-btn.is-active{background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:#fff6;color:var(--accent-text);text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff80,0 0 14px var(--accent-soft)}.vf-nav-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.history{display:flex;flex-direction:column;gap:var(--sp-5)}.history-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.history-card{display:flex;gap:var(--sp-3);width:100%;text-align:left;padding:var(--sp-3);border-radius:var(--radius-md);background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--glass-edge-soft);box-shadow:var(--glass-highlight),0 6px 18px -12px #0009;color:var(--text);font:inherit;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .12s ease}.history-card:hover{background:#ffffff1a;border-color:var(--glass-edge);box-shadow:var(--glass-highlight),0 10px 26px -12px #0009}.history-card:active{transform:scale(.99)}.history-card:focus-visible{outline:none;border-color:var(--accent-hi);box-shadow:var(--glass-highlight),0 0 0 3px var(--focus-ring)}.history-card-thumb{flex:0 0 64px;width:64px;height:110px;border-radius:var(--radius-sm);overflow:hidden;background:#000;border:1px solid var(--glass-edge-soft)}.history-card-thumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.history-card-thumb-empty{display:grid;place-items:center;background:var(--glass-fill-strong);color:var(--text-faint);font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}.history-card-body{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;flex:1}.history-card-prompt{margin:0;font-size:.9rem;line-height:1.45;color:var(--text);text-shadow:var(--text-shadow);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.history-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:auto}.history-card-date{font-family:var(--mono);font-size:.7rem;color:var(--text-faint)}.history-card-view{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-hi)}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.18rem .6rem;border-radius:999px;border:1px solid var(--glass-edge-soft);background:var(--glass-fill-faint);font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.status-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.status-badge-done{background:var(--ok-soft);border-color:#34d27b80;color:var(--text)}.status-badge-done .status-badge-dot{background:var(--ok)}.status-badge-failed{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.status-badge-failed .status-badge-dot{background:var(--rec)}.status-badge-progress .status-badge-dot{background:var(--accent-hi)}.history-empty{text-align:center;padding:var(--sp-6) var(--sp-4)}.history-empty-title{margin:0 0 var(--sp-3);font-family:var(--mono);font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-hi);text-shadow:var(--text-shadow)}.history-empty-note{margin:0 auto;max-width:44ch;font-size:.9rem;color:var(--text-muted);text-shadow:var(--text-shadow)}.history-detail{display:flex;flex-direction:column;gap:var(--sp-5)}.history-detail-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.history-back{padding:.45rem 1.1rem}.history-detail-meta{display:flex;flex-direction:column;gap:var(--sp-1)}.history-detail-prompt{margin:0;font-size:1rem;line-height:1.5;color:var(--text);text-shadow:var(--text-shadow)}.history-detail-date{margin:0;font-family:var(--mono);font-size:.74rem;color:var(--text-faint)}.artifact-gallery{display:flex;flex-direction:column;gap:var(--sp-6)}.artifact-section{display:flex;flex-direction:column;gap:var(--sp-3)}.artifact-section-title{margin:0;font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-hi);text-shadow:var(--text-shadow)}.artifact-links{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.shot-artifact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.shot-artifact-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3);border-radius:var(--radius-sm);background:var(--glass-fill-faint);border:1px solid var(--glass-edge-soft);box-shadow:var(--glass-highlight)}.shot-artifact-label{flex:0 0 auto;font-family:var(--mono);font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-hi)}.shot-artifact-frames{display:flex;gap:var(--sp-2);flex-shrink:0}.keyframe-thumb{position:relative;display:block;width:54px;height:96px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-edge);background:#000}.keyframe-thumb:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.keyframe-thumb img{width:100%;height:100%;object-fit:cover;display:block}.keyframe-tag{position:absolute;bottom:3px;left:3px;padding:1px 4px;border-radius:4px;background:#0009;color:#fff;font-family:var(--mono);font-size:.54rem;letter-spacing:.06em}.shot-artifact-clip{flex:1;min-width:0;max-width:120px;aspect-ratio:9 / 16;border-radius:var(--radius-sm);border:1px solid var(--glass-edge-soft)}.shot-artifact-clip video{border-radius:var(--radius-sm)}.shot-artifact-missing{font-family:var(--mono);font-size:.7rem;color:var(--text-faint)}.ingredient-row{list-style:none;margin:0;padding:var(--sp-3);display:flex;flex-wrap:wrap;gap:var(--sp-2);border-radius:var(--radius-sm);background:var(--glass-fill-faint);border:1px solid var(--glass-edge-soft);box-shadow:var(--glass-highlight)}.ingredient-thumb{width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-edge)}.ingredient-thumb a{display:block;width:100%;height:100%}.ingredient-thumb a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.ingredient-thumb img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 719px){.viewfinder{justify-content:flex-start;padding:var(--sp-3);gap:var(--sp-2)}.vf-stage{flex:1;padding:var(--sp-5) var(--sp-4)}}@media (max-width: 719px){.vf-hud{flex-wrap:wrap}.vf-spec{display:none}.vf-nav{order:3;margin-left:auto}}@media (max-width: 480px){.vf-hud,.vf-title{font-size:.66rem}:root{--bracket-len: 18px}.shutter{width:68px;height:68px}.vf-nav-btn{padding:.28rem .7rem;font-size:.64rem}.history-list{grid-template-columns:1fr}.shot-artifact-row{flex-wrap:wrap}}@media (max-width: 360px){.vf-tc{display:none}}@media (max-height: 640px){.vf-grid{background-size:33.34% 33.34%;opacity:0}.viewfinder.is-running .vf-grid{opacity:.8}}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.vf-hud,.vf-stage{background:#141822f0}.error-view.card,.film-strip,.frame-counter-strip,.textarea,.conn-badge,.progress-bar{background:#1c212ef5}.log-console{background:#0e111afa}.video-stage{background:#000}.alert-error{background:#3a1614}.alert-warning{background:#3a2e12}.btn{background:#282e3ef5}.file-input::file-selector-button{background:#282e3ef5}.thumb-remove{background:#0a0c14e6}}@media (prefers-color-scheme: light){@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.vf-hud,.vf-stage{background:#f8fafdf5}.error-view.card,.film-strip,.frame-counter-strip,.textarea,.conn-badge,.progress-bar{background:#f0f4fafa}.log-console{background:#ebf0f7fa}.btn{background:#fffffff5}.file-input::file-selector-button{background:#fffffff5}}}@media (prefers-reduced-motion: reduce){*{transition:none!important}body:before,.ambient{animation:none!important}.vf-rec-dot,.shot-chip-active,.conn-sse .conn-dot,.conn-polling .conn-dot{animation:none!important}.viewfinder.is-running .vf-rec-dot{background:var(--rec);box-shadow:0 0 8px var(--rec-glow)}.vf-grid{transition:none!important}.shutter:after{animation:none!important;display:none}.shutter:active:not(:disabled){transform:none}.shutter:hover:not(:disabled){transform:none}}