:root{--bg:#0b0f14;--panel:#131a22;--border:#243140;--text:#e6edf3;--muted:#8b98a5;--accent:#4ade80;--bad:#f87171;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.boot-gate{display:grid;padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);place-items: center;height:100%}.boot-card{text-align:center;max-width:28rem;padding:2rem}.boot-card p{color:var(--muted);line-height:1.5}.boot-button{background:var(--accent);color:#06210f;border:none;border-radius:.75rem;margin-top:1.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700}.boot-button:disabled{opacity:.6}.gen-link,.gen-back{display:inline-block;color:var(--accent);text-decoration:none;margin-top:1.25rem}.generator{display:grid;place-items: center;min-height:100%;padding:1.5rem}.gen-card{text-align:center;width:min(420px,100%)}.gen-card p{color:var(--muted)}.gen-canvas{background:#fff;border-radius:.75rem;width:320px;max-width:100%;height:auto;padding:.5rem}.gen-input{background:var(--border);color:var(--text);border:1px solid var(--border);border-radius:.5rem;width:100%;margin-top:1rem;padding:.6rem .75rem;font-size:1rem}.gen-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem}.gen-presets button{font-size:.8rem}.gen-value{display:block;color:var(--muted);margin-top:.75rem;font-size:.85rem}.app{position:relative;display:flex;height:100%}.camera-view{position:relative;overflow:hidden;background:#000;flex:1}.camera-view video{object-fit:cover;width:100%;height:100%}.sidebar{overflow-y:auto;background:var(--panel);border-left:1px solid var(--border);flex-shrink:0;width:min(40vw,420px);padding:1rem}.panel{margin-bottom:1.5rem}.panel h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .75rem;font-size:1rem}.panel h3{text-transform:uppercase;color:var(--muted);margin:1rem 0 .5rem;font-size:.8rem}.metrics{display:grid;grid-template-columns:max-content 1fr;gap:.35rem .75rem;margin:0}.metrics dt{color:var(--muted);font-size:.85rem}.metrics dd{font-variant-numeric:tabular-nums;margin:0}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem}.break{word-break:break-all}.muted{color:var(--muted)}.ok{color:var(--accent)}.bad{color:var(--bad)}.export{display:flex;gap:.5rem;margin-top:.75rem}.history{overflow-y:auto;max-height:12rem;margin:.5rem 0 0;padding-left:1.25rem}.history li{margin-bottom:.25rem}.toggle-list{list-style:none;margin:0;padding:0}.toggle-list label{display:flex;align-items: center;gap:.5rem;padding:.35rem 0}.toggle-list label.disabled{opacity:.5}.toggle-list .note{color:var(--muted);font-size:.75rem;font-style:normal}button,select{background:var(--border);color:var(--text);border:1px solid var(--border);border-radius:.5rem;padding:.5rem .75rem;font-size:.9rem}button:disabled{opacity:.5}select{width:100%;margin-top:.5rem}.fb-frame{position:absolute;pointer-events:none;border:0 solid var(--accent);transition:border-width .1s;inset:0}.fb-frame.on{border-width:12px}.fb-flash{position:absolute;pointer-events:none;animation:flash .35s ease-out;background:#fff;inset:0}@keyframes flash{0%{opacity:.85}to{opacity:0}}.version{color:var(--muted);font-variant-numeric:tabular-nums;opacity:.7;margin-top:1rem;font-size:.75rem}.sidebar .version{text-align:center}.error-banner{position:absolute;background:var(--bad);color:#210606;text-align:center;z-index:10;padding:.75rem;top:0;left:0;right:0}.rotate-hint{display:none}@media (orientation:portrait){.rotate-hint{display:grid;position:fixed;z-index:100;background:var(--bg);text-align:center;place-items: center;padding:2rem;inset:0}}