.debug-trigger{color:#fff;background:#0009;border:0;border-radius:22px;min-width:44px;min-height:44px;padding:0 10px;font-size:11px}.debug-overlay{z-index:100;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 12px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 12px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.debug-panel{color:#fff;background:#222;border-radius:16px;flex-direction:column;width:min(100%,600px);max-height:100%;padding:16px;display:flex}.debug-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.debug-heading h2{margin:0;font-size:16px}.debug-heading button,.debug-actions button{color:#fff;background:#444;border:0;border-radius:8px;min-height:44px;padding:10px 14px}.debug-heading button:disabled,.debug-actions button:disabled{opacity:.4}.debug-panel p{margin:10px 0;font-size:12px;line-height:1.5}.debug-panel textarea{resize:none;color:#eee;white-space:pre;-webkit-user-select:text;user-select:text;background:#111;border:1px solid #555;border-radius:8px;width:100%;height:min(48dvh,360px);min-height:100px;padding:10px;font:12px/1.5 ui-monospace,monospace;overflow:auto}.debug-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}@media (orientation:landscape) and (height<=500px){.debug-panel{overflow:auto}.debug-panel textarea{height:28dvh}}:root{color:#fff;font-synthesis:none;background:#000;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0}button{-webkit-tap-highlight-color:transparent;font:inherit;cursor:pointer}.app{background:#000;position:fixed;inset:0;overflow:hidden}.viewfinder{background:#161c20;position:absolute;inset:0}.viewfinder video{object-fit:cover;width:100%;height:100%;display:block}.viewfinder img{object-fit:contain;width:100%;height:100%;display:block}.placeholder{text-align:center;color:#e2e9e6;background:#161c20;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.placeholder p{max-width:280px;font-size:14px;line-height:1.7}.camera-icon{color:#b8cabf;font-size:46px}.start,.review-actions button{color:#1d3024;background:#e8f1e9;border:0;border-radius:100px;padding:13px 22px;font-weight:700}.controls{padding:28px calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 18px) calc(env(safe-area-inset-left) + 20px);background:linear-gradient(#0000,#000a);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.shutter{background:0 0;border:3px solid #fff;border-radius:50%;width:76px;height:76px;padding:5px}.shutter span{background:#fff;border-radius:50%;width:100%;height:100%;display:block}.shutter:disabled,.switch:disabled{opacity:.35}.switch{color:#fff;background:#0007;border:0;border-radius:50%;justify-self:end;width:60px;min-height:60px;font-size:31px;line-height:1}.switch small{margin-top:4px;font-size:10px;display:block}.review{text-align:center;padding:24px calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 16px);background:linear-gradient(#0000,#000d 40%);position:absolute;bottom:0;left:0;right:0}.review p{color:#fff;text-shadow:0 1px 3px #000;font-size:12px}.review-actions{justify-content:center;gap:12px;display:flex}.review-actions button{color:#fff;background:#303b3b}.review-actions .save{color:#1d3024;background:#e8f1e9}@media (orientation:landscape) and (height<=500px){.controls{width:calc(env(safe-area-inset-right) + 112px);padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 8px) 16px;background:linear-gradient(90deg,#0000,#000a);flex-direction:column;justify-content:center;gap:16px;display:flex;top:0;bottom:0;left:auto}.controls>div{display:none}.review{width:calc(env(safe-area-inset-right) + 170px);padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 12px) calc(env(safe-area-inset-bottom) + 8px) 12px;background:linear-gradient(90deg,#0000,#000d 40%);flex-direction:column;justify-content:center;display:flex;top:0;bottom:0;left:auto}.review-actions{flex-direction:column;gap:8px}.review-actions button{padding:10px 8px;font-size:13px}}.topbar{padding:calc(env(safe-area-inset-top) + 10px) calc(env(safe-area-inset-right) + 20px) 22px calc(env(safe-area-inset-left) + 20px);background:linear-gradient(#0008,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.camera-title{letter-spacing:.12em;text-shadow:0 1px 4px #000;font-size:11px;font-weight:600}.grid-toggle{color:#fff;background:#0007;border:0;border-radius:50%;width:44px;height:44px;font-size:25px}.grid-toggle.selected{color:#ffdb45}.grid-toggle:disabled{opacity:.35}.grid{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#fff8 33.333%,#0000 calc(33.333% + .5px) calc(66.666% - .5px),#fff8 66.666%,#0000 calc(66.666% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#fff8 33.333%,#0000 calc(33.333% + .5px) calc(66.666% - .5px),#fff8 66.666%,#0000 calc(66.666% + .5px));position:absolute;inset:0}.focus-marker{pointer-events:none;border:1.5px solid #ffdb45;border-radius:4px;width:76px;height:76px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 1px #000}.focus-message{top:calc(env(safe-area-inset-top) + 70px);color:#fff;text-align:center;pointer-events:none;background:#000b;border-radius:8px;max-width:90%;padding:8px 12px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.mode{text-align:center;color:#ffdb45;letter-spacing:.12em;grid-column:1/-1;margin-bottom:14px;font-size:12px;font-weight:600}@media (orientation:landscape) and (height<=500px){.topbar{width:calc(env(safe-area-inset-left) + 80px);padding:calc(env(safe-area-inset-top) + 12px) 8px calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 12px);background:linear-gradient(90deg,#0008,#0000);flex-direction:column;top:0;bottom:0;right:auto}.camera-title{writing-mode:vertical-rl}.mode{margin:0}}.focus-message{pointer-events:auto;width:max-content}.focus-message p{margin:4px 0 8px}.focus-message p:last-child{margin:8px 0 2px;font-size:10px}.topbar-actions{align-items:center;gap:8px;display:flex}@media (orientation:landscape) and (height<=500px){.topbar-actions{flex-direction:column}}.focus-dismiss{color:#ddd;background:0 0;border:0;padding:4px 12px;font-size:12px}.adjustments{left:calc(env(safe-area-inset-left) + 24px);right:calc(env(safe-area-inset-right) + 24px);bottom:calc(env(safe-area-inset-bottom) + 160px);background:#0009;border-radius:14px;padding:9px 12px;position:absolute}.adjustment{color:#fff;align-items:center;gap:10px;min-height:38px;font-size:12px;display:flex}.adjustment span{flex:0 0 42px}.adjustment input{accent-color:#ffdb45;flex:1;min-width:0}.adjustment output,.adjustment button{text-align:right;min-width:42px;font-size:12px}.adjustment button{color:#ffdb45;background:0 0;border:0}.adjustment button:disabled{color:#bbb}@media (orientation:landscape) and (height<=500px){.adjustments{left:calc(env(safe-area-inset-left) + 85px);right:calc(env(safe-area-inset-right) + 120px);bottom:calc(env(safe-area-inset-bottom) + 8px)}}.zoom-options{justify-content:center;gap:8px;display:flex}.zoom-options button{color:#fff;background:#272727d9;border:0;border-radius:24px;width:48px;height:44px;font-size:12px;font-weight:600}.zoom-options button[aria-pressed=true]{color:#ffdb45;background:#444d}.lens-message{color:#fff;text-align:center;margin:7px 0 0;font-size:11px}