:root{color-scheme:dark;--glass-bg: rgba(20, 10, 25, .45);--glass-border: rgba(255, 255, 255, .14);--neon-pink: #ff2d95;--neon-magenta: #ff4fa3;--neon-orange: #ff7a59;--neon-warm: #ff9a32;--text: #fdf2f8;--text-dim: rgba(253, 242, 248, .68)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#060208;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden;background:#060208;touch-action:none}#camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);background:#0a0410}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#0000 38%,#05000838 75%,#0500087a)}#canvas-root{position:absolute;inset:0;pointer-events:none}#canvas-root canvas{position:absolute;inset:0;display:block}.lf-photo-canvas{z-index:1}.lf-overlay-canvas{z-index:2}#ui-root{position:absolute;inset:0;pointer-events:none;font-size:14px}#ui-root .interactive{pointer-events:auto}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 4px 24px #00000040}.top-left-panel{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));display:flex;align-items:center;gap:8px;padding:8px 10px;max-width:min(60vw,320px)}.top-left-panel select{background:#ffffff14;color:var(--text);border:1px solid var(--glass-border);border-radius:8px;padding:6px 8px;font-size:12.5px;max-width:220px;outline:none}.top-left-panel select:focus{border-color:var(--neon-magenta)}.cam-icon{width:18px;height:18px;flex:none;opacity:.85}.top-right-panel{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;gap:8px}.icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;color:var(--text);padding:0;margin:0;font:inherit;border:1px solid var(--glass-border);transition:background .15s ease,transform .1s ease}.icon-btn:focus-visible{outline:2px solid var(--neon-magenta);outline-offset:2px}.icon-btn:hover{background:#ffffff1a}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:18px;height:18px}#file-input{display:none}.hint-bar{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%) translateY(0);padding:9px 18px;border-radius:999px;font-size:13px;letter-spacing:.01em;text-align:center;color:var(--text);opacity:0;transition:opacity .35s ease,transform .35s ease;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}.hint-bar.visible{opacity:1;transform:translate(-50%) translateY(-2px)}.status-banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;background:#060208b8;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:5}.status-banner.visible{opacity:1;pointer-events:auto}.status-card{max-width:420px;padding:28px 26px;border-radius:18px}.status-card h2{margin:0 0 8px;font-size:18px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-warm));-webkit-background-clip:text;background-clip:text;color:transparent}.status-card p{margin:0;font-size:13.5px;line-height:1.55;color:var(--text-dim)}.status-card button{margin-top:16px;padding:9px 18px;border-radius:999px;border:1px solid var(--glass-border);background:#ff2d952e;color:var(--text);font-size:13px;cursor:pointer}.status-card button:hover{background:#ff2d954d}.drop-overlay{position:absolute;inset:10px;border:2px dashed rgba(255,122,89,.7);border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text);background:#ff2d9514;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:4}.drop-overlay.visible{opacity:1}.debug-panel{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));padding:10px 12px;font-size:11px;line-height:1.6;font-family:SF Mono,Fira Code,monospace;color:#b6ffe0;white-space:pre;max-width:46vw;display:none}.debug-panel.visible{display:block}@media(max-width:640px){.top-left-panel{max-width:68vw}.top-left-panel select{max-width:44vw}.hint-bar{font-size:12px;padding:8px 14px}}