.camera-ui{position:absolute;inset:0;z-index:22;pointer-events:none;color:#fff;font-family:Arial,Helvetica,sans-serif}.camera-ui button,.camera-ui a,.camera-ui select{pointer-events:auto;-webkit-tap-highlight-color:transparent}.camera-ui button{cursor:pointer;font:inherit}.camera-ui button:disabled{opacity:.35;cursor:default}.camera-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#242424bc;color:#fff;text-decoration:none;backdrop-filter:blur(15px)}.camera-icon svg{width:25px;height:25px;stroke-width:1.8}.camera-menu-wrap{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));display:flex;align-items:flex-end;flex-direction:column;gap:10px;pointer-events:auto}.camera-settings{width:245px;padding:10px 16px;border:1px solid #ffffff25;background:#191919f5;border-radius:18px;box-shadow:0 10px 35px #0007;display:flex;flex-direction:column;gap:0;backdrop-filter:blur(20px)}.camera-settings>button,.camera-settings>label{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px;background:transparent;border:0;border-bottom:1px solid #ffffff20;color:#fff;text-align:left;font-size:14px}.camera-settings>button:last-child{border:0;justify-content:flex-start}.camera-settings select{padding:7px 5px;background:#333;color:#fff;border:0;border-radius:6px;font:13px Arial;max-width:125px}.camera-bottom{position:absolute;inset:auto 0 0;min-height:145px;padding:20px max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));box-sizing:border-box;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(transparent,#0009);pointer-events:none}.camera-gallery-button{position:relative;flex-shrink:0;width:52px;height:58px;margin-bottom:8px;border:1px solid #ffffff65;border-radius:9px;padding:0;background:#262626;color:#fff;overflow:hidden}.camera-gallery-button img{width:100%;height:100%;object-fit:cover}.camera-gallery-button span{position:absolute;bottom:2px;right:2px;min-width:17px;padding:2px;border-radius:6px;background:#0009;font-size:10px}.camera-shutter-group{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.camera-clock{height:16px;font-size:11px;font-weight:700;letter-spacing:.1em;text-shadow:0 1px 5px #000}.camera-clock.is-recording{background:#d71128;border-radius:5px;padding:3px 7px;height:auto}.camera-record{width:82px;height:82px;border:4px solid #fff;border-radius:50%;background:#0002;display:flex;align-items:center;justify-content:center;padding:5px;box-shadow:0 1px 8px #0004}.camera-record>span{display:block;width:100%;height:100%;border-radius:50%;background:#ff3044;transition:width .16s,height .16s,border-radius .16s}.camera-record.is-recording>span{width:31px;height:31px;border-radius:7px}.camera-side-actions{display:flex;gap:9px;align-items:center;margin-bottom:9px}.camera-side-actions .camera-icon{width:44px;height:44px}.camera-notice{position:absolute;left:15%;right:15%;bottom:155px;padding:10px 15px;margin:0;border-radius:12px;background:#181818e8;text-align:center;font-size:13px;line-height:1.4}.camera-flash{position:absolute;inset:0;background:#fff;z-index:5;pointer-events:none}.camera-roll{position:absolute;inset:0;background:#080808;pointer-events:auto;display:flex;flex-direction:column;z-index:50;touch-action:pan-y;overflow:auto;overscroll-behavior:contain}.camera-roll header{display:flex;justify-content:space-between;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px 12px;flex-shrink:0}.camera-roll header>div{display:flex;flex-direction:column;align-items:center;gap:5px}.camera-roll strong{font-size:16px}.camera-roll small{color:#bbb;font-size:12px}.camera-roll-stage{position:relative;min-height:160px;flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:pan-y}.camera-roll-stage>img,.camera-roll-stage>video{width:100%;height:100%;max-height:100%;object-fit:contain;position:absolute;inset:0}.camera-roll footer{padding:12px 22px max(20px,env(safe-area-inset-bottom));text-align:center;flex-shrink:0}.camera-roll footer p{font-size:12px;line-height:1.5;color:#bdbdbd;margin:8px 0 0}.camera-roll footer a{color:#fff;font-size:13px;display:inline-block;padding:10px}.camera-roll-navigation{display:flex;justify-content:space-between;align-items:center}.camera-roll-navigation>span{font-size:12px;color:#aaa}.refinement-progress{max-width:330px;padding:28px;text-align:center;box-sizing:border-box}.refinement-progress progress{display:block;width:100%;height:6px;margin:22px 0;accent-color:#ff3044}.refinement-progress p{font-size:14px;line-height:1.6;color:#bbb}.refinement-progress button,.refine-retry{min-height:44px;border:1px solid #666;background:#222;color:#fff;border-radius:10px;padding:10px 16px;font-size:13px}.camera-ui :focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:360px){.camera-bottom{padding-left:15px;padding-right:15px}.camera-side-actions{gap:3px}.camera-side-actions .camera-icon{width:40px;height:44px}.camera-record{width:76px;height:76px}}@media(max-height:480px){.camera-bottom{min-height:115px}.camera-record{width:64px;height:64px}.camera-roll header{padding-top:5px;padding-bottom:5px}.camera-roll footer{padding-top:2px;padding-bottom:6px}.camera-roll footer p{margin-top:3px}.camera-roll-stage{min-height:90px}}.recorded-ar-player{position:absolute;inset:0;display:flex;flex-direction:column}.recorded-ar-stage{position:relative;flex:1;min-height:0;overflow:hidden}.recorded-ar-stage>img,.recorded-ar-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.recorded-ar-source{position:absolute;left:-10000px;width:1px;height:1px;pointer-events:none}.recorded-ar-controls{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#111}.recorded-ar-controls input{flex:1;min-width:30px;accent-color:#fff}.recorded-ar-controls span{font-size:11px;white-space:nowrap}.refinement-inline{padding:12px 0;max-width:none}.refinement-inline strong{font-size:13px}.refinement-inline progress{margin:10px 0}.refinement-inline button{margin-top:8px;min-height:36px;padding:6px 12px}.camera-roll footer .refinement-inline p{margin-top:0}.camera-settings{max-height:calc(100dvh - 100px);overflow-y:auto}.effect-scale-controls{margin:8px 0;padding:8px 0;border:0;border-bottom:1px solid #ffffff20}.effect-scale-controls legend{font-size:13px;color:#ffd05c}.effect-scale-controls label{display:block;margin:10px 0;font-size:14px}.effect-scale-controls label>span{display:flex;justify-content:space-between}.effect-scale-controls input{width:100%;margin-top:10px;pointer-events:auto;accent-color:#ff93cf}.effect-scale-controls output{font-variant-numeric:tabular-nums}.live-mirror{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;overflow:hidden;background:#080c09;color:#f5ddb3;overscroll-behavior:none}.live-mirror-stage{position:absolute;inset:0;isolation:isolate;overflow:hidden;touch-action:none}.live-mirror-start{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(28px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));text-align:center;background:#111a14ed;overflow:auto}.live-mirror-start h1{font-size:clamp(30px,8vw,48px);margin:12px 0 0}.live-mirror-start p{margin:14px 0 22px}.live-mirror-start .primary-button{min-height:52px;padding:14px 28px;font-size:17px}.live-mirror-start .live-mirror-instructions{font-size:14px;max-width:280px;margin:20px 0 0}.live-mirror-start .live-mirror-install{font-size:12px;max-width:290px;line-height:1.6;color:#cdb895;margin:22px 0 0}.live-mirror-start .live-mirror-error{font-size:14px;line-height:1.5;color:#ffb5cf;max-width:400px;margin:18px 0 0}.live-mirror-controls{position:absolute;z-index:6;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.live-mirror-controls[hidden]{display:none}.live-mirror-controls p{font-size:12px;text-shadow:0 1px 5px #000}.live-mirror-controls [role=toolbar]{display:flex;gap:6px;padding:7px;background:#172b20e8;border:1px solid #78583f;border-radius:14px}.live-mirror-controls button{display:grid;place-items:center;width:48px;height:48px;color:#ffd377;background:transparent;border:0;border-radius:9px}.live-mirror-controls button:active{background:#603149}.live-mirror-reveal{position:absolute;z-index:5;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:44px;height:44px;border:0;border-radius:50%;background:#172b2066;color:#f5ddb3;opacity:0;transition:opacity .2s}.live-mirror-reveal:focus-visible{opacity:1}.live-mirror-hint{position:absolute;z-index:8;top:calc(20px + env(safe-area-inset-top));left:20px;right:20px;margin:0 auto;max-width:420px;padding:18px;background:#233d2cf5;border:1px solid #ffd377;border-radius:12px;font-size:14px;line-height:1.6}.live-mirror-hint button{background:#ffd377;border:0;border-radius:6px;padding:8px 18px;color:#241a13}