*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:800px;min-height:100vh}#root{height:100vh}button,input,select,textarea{font:inherit;line-height:normal}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;background:#1a1a2e;color:#fff;flex-shrink:0}.app-header h1{font-size:18px;font-weight:600;margin:0;letter-spacing:.5px}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:260px;flex-shrink:0;background:#f7f7fa;border-right:1px solid #e0e0e6;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.sidebar h3{font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.prompt-input{display:flex;flex-direction:column;gap:6px}.prompt-input input[type=text]{padding:8px 10px;border:1px solid #cfcfe0;border-radius:6px;font-size:14px;color:#222}.prompt-input input[type=text]:focus{outline:none;border-color:#4a4ae0}.view-selector{display:flex;flex-direction:column;gap:6px}.view-options{display:flex;gap:6px}.view-option{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:1px solid #cfcfe0;border-radius:6px;cursor:pointer;font-size:13px;transition:background .15s,border-color .15s}.view-option:hover{background:#eeeef4}.view-option.active{background:#e0e0f8;border-color:#4a4ae0}.view-option input[type=radio]{accent-color:#4a4ae0}.count-breakdown{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#666;margin-top:6px}.threshold-slider{padding:0}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1;accent-color:#4a4ae0}.slider-value{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:#333;min-width:36px;text-align:right}.sidebar-result{text-align:center}.sidebar-count{font-size:56px;font-weight:700;color:#4a4ae0;line-height:1.1}.sidebar-count-note{margin-top:4px;font-size:12px;color:#7a7a90}.marker-options{display:flex;flex-direction:column;gap:10px}.marker-options h3{margin:0}.marker-size{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#4f4f68}.marker-size input[type=range]{width:100%}.marker-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:#4f4f68;cursor:pointer}.sidebar-note{font-size:13px;line-height:1.5;color:#4f4f68;background:#ececf8;border-radius:8px;padding:10px 12px}.edit-panel{display:flex;flex-direction:column;gap:10px}.edit-panel h3{margin:0}.btn-edit-toggle{width:100%;padding:9px 12px;border:1px solid #c9c9e0;border-radius:8px;background:#f4f4fb;color:#4a4ae0;font-weight:600;cursor:pointer}.btn-edit-toggle.active{background:#4a4ae0;border-color:#4a4ae0;color:#fff}.edit-hint{margin:0;font-size:12px;line-height:1.5;color:#4f4f68;background:#f0f0f7;border-radius:8px;padding:8px 10px}.edit-actions{display:flex;flex-wrap:wrap;gap:6px}.edit-actions .btn-sm{flex:1;min-width:72px}.sidebar-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#4a4ae0;color:#fff}.btn-primary:hover:not(:disabled){background:#3838c8}.btn-secondary{background:#e4e4ec;color:#333}.btn-secondary:hover:not(:disabled){background:#d0d0dc}.btn-download{background:#2d8a4e;color:#fff}.btn-download:hover:not(:disabled){background:#24703f}.btn-density{background:#7c4dff;color:#fff}.btn-density:hover:not(:disabled){background:#651fff}.btn-feedback{background:#d94f3d;color:#fff}.btn-feedback:hover:not(:disabled){background:#c34131}.btn-feedback.sent,.btn-feedback:disabled{background:#d7e9d8;color:#2f6b39;opacity:1}.btn-sm{padding:6px 12px;font-size:12px;background:#e4e4ec;color:#333}.btn-sm:hover:not(:disabled){background:#d0d0dc}.main-area{flex:1;display:flex;flex-direction:column;padding:16px;overflow:auto;background:#fafafa}.drop-zone{flex:1;display:flex;align-items:center;justify-content:center;border:2px dashed #c0c0d0;border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s;background:#fff;min-height:300px}.drop-zone:hover,.drop-zone.drag-over{border-color:#4a4ae0;background:#f0f0ff}.drop-zone-content{text-align:center;color:#888}.drop-zone-content svg{margin-bottom:8px;color:#aaa}.drop-zone-content p{margin:4px 0;font-size:15px}.drop-zone-sub{font-size:12px!important;color:#aaa!important}.canvas-wrapper{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#eee;border-radius:8px;overflow:hidden;min-height:300px}.canvas-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}.cursor-crosshair{cursor:crosshair}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffbf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10}.spinner{width:40px;height:40px;border:4px solid #e0e0e6;border-top-color:#4a4ae0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{font-size:14px;color:#555;margin:0}.main-toolbar{display:flex;align-items:center;gap:12px;padding:8px 0;flex-shrink:0}.annotation-hint{font-size:12px;color:#777}.error-message{background:#fff0f0;color:#c00;padding:10px 14px;border-radius:6px;border:1px solid #fcc;font-size:13px;margin:4px 0}.density-map-panel{flex-shrink:0;margin-top:8px}.density-map-panel h3{font-size:13px;font-weight:600;color:#555;margin:0 0 6px}.density-map-img{max-width:100%;border-radius:6px;border:1px solid #e0e0e6}.result-panel{flex-shrink:0;margin-top:8px}.result-panel h3{font-size:13px;font-weight:600;color:#555;margin:0 0 6px}.result-count{display:flex;align-items:baseline;gap:8px}.count-number{font-size:36px;font-weight:700;color:#4a4ae0}.count-label{font-size:14px;color:#888}.result-boxes{margin-top:8px}.result-boxes summary{cursor:pointer;font-size:13px;color:#555}.bbox-list{max-height:200px;overflow-y:auto;margin-top:4px}.bbox-list table{width:100%;border-collapse:collapse;font-size:12px}.bbox-list th,.bbox-list td{padding:3px 8px;text-align:right;border-bottom:1px solid #eee}.bbox-list th{font-weight:600;color:#666;position:sticky;top:0;background:#fff}.status-indicator{display:flex;align-items:center;gap:6px;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-connected .status-dot{background:#4caf50}.status-error .status-dot{background:#f44336}.status-checking .status-dot{background:#ffc107}.status-label{color:#fffc}.s3-picker{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.s3-picker-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.s3-picker-header h2{margin:0;font-size:16px;font-weight:700;color:#1a1a1a}.s3-picker-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.s3-picker-file-input{display:none}.s3-picker-upload{padding:8px 12px;font-size:14px;font-weight:600;border:1px solid #2563eb;border-radius:8px;background:#fff;color:#2563eb;cursor:pointer;-webkit-tap-highlight-color:transparent}.s3-picker-upload:disabled{opacity:.5;cursor:default}.s3-picker-upload:not(:disabled):active{background:#eff6ff}.s3-picker-controls select{padding:8px 10px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1a1a1a}.s3-picker-reload{padding:6px 12px;font-size:16px;line-height:1.2;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer}.s3-picker-reload:disabled{opacity:.5;cursor:default}.s3-picker-error{padding:8px 12px;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:13px;text-align:center;flex-shrink:0}.s3-picker-status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#6b7280;font-size:14px}.s3-picker-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:max-content;gap:10px;align-content:start;padding-bottom:10px;-webkit-overflow-scrolling:touch}.s3-picker-card{display:flex;flex-direction:column;padding:0;border:1px solid #e5e7eb;border-radius:10px;background:#fff;overflow:hidden;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.s3-picker-card:disabled{opacity:.6;cursor:default}.s3-picker-card:not(:disabled):active{border-color:#2563eb}.s3-picker-card.has-feedback{border-color:#fca5a5}.s3-picker-thumb{position:relative;aspect-ratio:4 / 3;background:#111;display:flex;align-items:center;justify-content:center}.s3-picker-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.s3-picker-noimg{color:#6b7280;font-size:12px}.s3-picker-count{position:absolute;right:6px;bottom:6px;padding:1px 8px;border-radius:999px;background:#111827bf;color:#fff;font-size:13px;font-weight:700}.s3-picker-ng{position:absolute;left:6px;top:6px;padding:1px 6px;border-radius:6px;background:#dc2626;color:#fff;font-size:11px;font-weight:700}.s3-picker-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff9}.s3-picker-meta{display:flex;align-items:baseline;gap:6px;padding:6px 8px;font-size:12px;color:#374151;min-width:0}.s3-picker-time{font-weight:700;flex-shrink:0}.s3-picker-query{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280}.mobile-page{--space-side: 16px;--space-section: 24px;--space-related: 8px;--btn-h: 52px;--radius-sm: 10px;--radius: 12px;--radius-card: 16px;--fs-body: 16px;--fs-sub: 14px;--fs-caption: 13px;--c-primary: #2563eb;--c-primary-press: #1d4ed8;--c-text: #1f2937;--c-text-strong: #374151;--c-text-sub: #6b7280;--c-text-mute: #9ca3af;--c-border: #e5e7eb;--c-border-strong: #d1d5db;--c-danger: #dc2626;--c-danger-text: #b91c1c;--c-danger-tint: #fef2f2;--c-primary-tint: #eff6ff;--c-bg: #f5f5f5;--c-surface: #fff;--c-surface-sunken: #f9fafb;--c-surface-photo: #e5e7eb;--c-press: #f3f4f6}body:has(.mobile-page){min-width:0!important;min-height:0!important;overflow:hidden}body:has(.mobile-page) #root{height:100vh;height:100dvh}.mobile-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--c-bg);color:var(--c-text);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-main{flex:1;display:flex;flex-direction:column;padding:12px var(--space-side);min-height:0;overflow:hidden}.mobile-file-input{display:none}.mobile-actions{display:flex;gap:var(--space-related);flex-shrink:0}.mobile-btn{flex:1;min-height:var(--btn-h);padding:12px 8px;font-size:var(--fs-body);font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s ease,transform .08s ease-out;-webkit-tap-highlight-color:transparent;white-space:nowrap}.mobile-btn:active:not(:disabled){transform:scale(.97)}.mobile-btn-primary{background:var(--c-primary);color:#fff}.mobile-btn-primary:active{background:var(--c-primary-press)}.mobile-btn-secondary{background:var(--c-surface);color:var(--c-text-strong);border:1px solid var(--c-border-strong)}.mobile-btn-secondary:active{background:var(--c-press)}.mobile-btn:disabled{opacity:.45}.mobile-idle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:0;color:var(--c-text-mute);background:var(--c-surface-sunken);border:2px dashed var(--c-border-strong);border-radius:var(--radius-card);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.mobile-idle:active{background:var(--c-press)}.mobile-idle-title{font-size:var(--fs-body);font-weight:600;color:var(--c-text-strong)}.mobile-idle-sub{font-size:var(--fs-caption);color:var(--c-text-sub)}.mobile-image-container{flex:1;display:flex;align-items:center;justify-content:center;background:var(--c-surface-photo);border-radius:var(--radius);overflow:hidden;min-height:0;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-image{max-width:100%;max-height:100%;object-fit:contain}.mobile-image-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform-origin:center center;will-change:transform}.points-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;pointer-events:none;overflow:visible;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.points-overlay *{outline:none;-webkit-tap-highlight-color:transparent}.points-overlay.editable{pointer-events:auto;touch-action:none}.mobile-slider{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-caption);font-weight:600;color:var(--c-text-strong)}.mobile-slider input[type=range]{width:100%;accent-color:var(--c-primary)}.mobile-sub-options{display:grid;grid-template-rows:0fr;opacity:0;margin-top:-12px;transition:grid-template-rows .24s ease,opacity .18s ease,margin-top .24s ease}.mobile-sub-options.open{grid-template-rows:1fr;opacity:1;margin-top:0}.mobile-sub-options>*{overflow:hidden;min-height:0}.mobile-sub-group{display:flex;flex-direction:column;gap:6px}.mobile-sub-title{font-size:var(--fs-caption);font-weight:600;color:var(--c-text-sub)}.mobile-slider-row{display:flex;gap:14px;padding-left:26px}.mobile-slider-row>.mobile-slider{flex:1;min-width:0}.mobile-check{display:flex;align-items:center;gap:8px;font-size:var(--fs-caption);font-weight:600;color:var(--c-text-strong)}.mobile-check input{accent-color:var(--c-primary)}.mobile-check:has(input:disabled){color:var(--c-text-sub);font-weight:500}.mobile-edit-bar-row{display:flex;align-items:center;gap:12px;flex-shrink:0}.mobile-edit-bar-tools{flex:1;display:flex;justify-content:center;gap:var(--space-related)}.mobile-edit-bar-status{flex:1;text-align:center;font-size:var(--fs-sub);font-weight:600;color:var(--c-text-strong)}.mobile-tool-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:var(--c-surface);color:var(--c-text-strong);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);font-size:var(--fs-sub);font-weight:600;cursor:pointer;transition:background .15s ease,transform .08s ease-out;-webkit-tap-highlight-color:transparent}.mobile-tool-btn:active:not(:disabled){transform:scale(.97)}.mobile-tool-btn.ghost{min-width:48px;min-height:48px;background:none;border:none;border-radius:var(--radius);color:var(--c-text-sub)}.mobile-tool-btn.confirm{min-width:48px;min-height:48px;background:var(--c-primary);border-color:var(--c-primary);border-radius:var(--radius);color:#fff}.mobile-tool-btn.confirm:active{background:var(--c-primary-press);border-color:var(--c-primary-press)}.mobile-tool-btn.shutter{min-width:60px;min-height:60px;background:var(--c-primary);border-color:var(--c-primary);border-radius:50%;color:#fff}.mobile-tool-btn.shutter:active{background:var(--c-primary-press);border-color:var(--c-primary-press);transform:scale(.9)}.mobile-ratio-chips .mobile-view-option{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}.mobile-tool-btn:active{background:var(--c-press)}.mobile-tool-btn:disabled{opacity:.45}@media (prefers-reduced-motion: reduce){.mobile-btn:active:not(:disabled),.mobile-tool-btn:active:not(:disabled),.mobile-tool-btn.shutter:active,.mobile-view-option:active{transform:none}}.mobile-error{padding:8px 12px;background:var(--c-danger-tint);color:var(--c-danger-text);border-radius:var(--radius-sm);font-size:var(--fs-caption);text-align:center;flex-shrink:0}.mobile-btn-feedback{background:none;border:none;padding:4px 14px;font-size:12px;color:var(--c-text-sub);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-btn-feedback:active{color:var(--c-danger)}.mobile-btn-feedback.sent{color:var(--c-text-mute);cursor:default}.mobile-camera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--c-bg)}.mobile-camera-header{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:calc(56px + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) var(--space-side) 6px;background:var(--c-surface);border-bottom:1px solid var(--c-border);text-align:center}.mobile-camera-header h1{margin:0;font-size:15px;font-weight:600;color:var(--c-text)}.mobile-camera-header h1.mobile-header-label{font-size:var(--fs-caption);letter-spacing:.04em;color:var(--c-text-sub)}.mobile-header-result{display:flex;align-items:baseline;gap:8px}.mobile-header-count{display:inline-flex;align-items:baseline;gap:6px}.mobile-header-count strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:30px;font-weight:700;line-height:1;color:var(--c-text)}.mobile-header-delta{font-size:var(--fs-caption);color:var(--c-text-sub)}.mobile-header-icon{position:absolute;right:8px;top:calc(50% + env(safe-area-inset-top)/2);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:none;border:none;border-radius:var(--radius-sm);color:var(--c-text-sub);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-header-tools{position:absolute;right:8px;top:calc(50% + env(safe-area-inset-top)/2);transform:translateY(-50%);display:flex;align-items:center;gap:2px}.mobile-header-tools .mobile-header-icon{position:static;top:auto;right:auto;transform:none}.mobile-header-icon.active{background:var(--c-primary-tint);color:var(--c-primary)}.mobile-camera-config-anchor{position:relative;z-index:6;height:0}.mobile-camera-config-anchor .mobile-advanced{position:absolute;top:8px;left:var(--space-side);right:var(--space-side);max-height:calc(100dvh - 220px);overflow-y:auto}.mobile-advanced{display:flex;flex-direction:column;gap:14px;padding:12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 4px 16px #00000014}.mobile-prompt{display:flex;flex-direction:column;gap:6px}.mobile-prompt label{font-size:var(--fs-caption);font-weight:600;color:var(--c-text-strong)}.mobile-prompt input{width:100%;padding:12px 14px;font-size:var(--fs-body);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);box-sizing:border-box}.mobile-prompt input:focus{outline:none;border-color:var(--c-primary)}.mobile-view-options{display:flex;gap:var(--space-related)}.mobile-view-option{flex:1;padding:10px;font-size:var(--fs-sub);font-weight:600;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text-strong);cursor:pointer;transition:background .15s ease,transform .08s ease-out;-webkit-tap-highlight-color:transparent}.mobile-view-option:active{background:var(--c-press);transform:scale(.97)}.mobile-view-option.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.mobile-view-option.active:active{background:var(--c-primary-press);border-color:var(--c-primary-press)}.mobile-camera-body{position:relative;flex:1;min-height:0;display:flex;background:#000}.mobile-camera-body .mobile-error{position:absolute;left:var(--space-side);right:var(--space-side);bottom:10px;z-index:6}.mobile-camera .mobile-image-container{border-radius:0;background:transparent}.mobile-camera .mobile-loading-frame{padding:10px 30px}.mobile-camera .mobile-image-stage{top:10px;right:30px;bottom:10px;left:30px;transition:left .25s ease,right .25s ease}.mobile-camera .mobile-image-container.stage-wide .mobile-image-stage{left:0;right:0}.mobile-camera-footer{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:10px var(--space-side) calc(10px + env(safe-area-inset-bottom));background:var(--c-surface);border-top:1px solid var(--c-border)}.mobile-camera-footer .mobile-btn-feedback{align-self:center}.mobile-camera-footer.shot-footer .mobile-actions,.mobile-camera-footer.shot-footer .mobile-edit-bar-row{min-height:60px}.mobile-footer-hint{display:flex;align-items:center;justify-content:center;height:33px;margin:0;padding:0 14px;font-size:var(--fs-caption);line-height:1.3;color:var(--c-text-sub);text-align:center}.mobile-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#00000080;color:#fff;font-size:var(--fs-body)}.mobile-spinner{width:40px;height:40px;border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:mobile-spin .8s linear infinite}@keyframes mobile-spin{to{transform:rotate(360deg)}}.lcv-root{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-user-select:none;user-select:none}.lcv-stage{position:absolute;left:0;right:0;top:10px;bottom:10px;display:flex;align-items:center;justify-content:center}.lcv-stage video{max-width:100%;max-height:100%;object-fit:contain}.lcv-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lcv-status,.lcv-debug{position:absolute;left:0;right:0;text-align:center;color:#fff;font-size:var(--fs-sub);pointer-events:none}.lcv-status{top:50%;transform:translateY(-50%)}.lcv-debug{bottom:8px;padding:4px 8px;font-size:11px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0000008c}@keyframes mobile-shutter-flash{0%{opacity:.85}to{opacity:0}}.mobile-shutter-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#fff;pointer-events:none;animation:mobile-shutter-flash .16s ease-out forwards}@media (prefers-reduced-motion: reduce){.mobile-shutter-flash{animation-duration:60ms}}@keyframes mobile-shot-enter{0%{transform:scale(var(--shot-scale, 1.18))}to{transform:scale(1)}}.mobile-camera-body.shot-enter{overflow:hidden}.mobile-camera-body.shot-enter .ccv-root{transform-origin:center center;animation:mobile-shot-enter .26s cubic-bezier(.2,.7,.3,1)}@media (prefers-reduced-motion: reduce){.mobile-camera-body.shot-enter .ccv-root{animation:none}}.ccv-root{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.ccv-stage{position:absolute;left:30px;right:30px;top:10px;bottom:10px;display:flex;align-items:center;justify-content:center;transform-origin:center center;will-change:transform}.ccv-stage img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-drag:none}.ccv-frame{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;outline:none;-webkit-tap-highlight-color:transparent}.ccv-hit{cursor:grab}.mobile-zoom-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mobile-zoom-view .mobile-image-container{border-radius:0}.mobile-zoom-bar{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 14px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;pointer-events:none}.mobile-zoom-bar>*{pointer-events:auto}.mobile-zoom-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:999px;background:#1118279e;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-zoom-btn:active{background:#111827d9}.mobile-zoom-count{padding:7px 14px;border-radius:999px;background:#1118279e;color:#fff;font-size:14px;font-weight:700}.mobile-display-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mobile-quick{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);color:var(--c-text-sub);font-size:var(--fs-caption);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-quick input{margin:0;accent-color:var(--c-primary)}.mobile-quick.on{border-color:var(--c-primary);color:var(--c-primary)}.mobile-quick:has(input:disabled){opacity:.45;cursor:default}.mobile-display-note{margin:0;font-size:var(--fs-caption);color:var(--c-text-sub)}.mobile-display-toggle{display:flex;align-items:center;gap:6px;margin-left:auto;padding:8px 4px;background:none;border:none;color:var(--c-text-sub);font-size:var(--fs-caption);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-display-toggle.active{color:var(--c-primary)}.mobile-display-toggle svg{width:16px;height:16px}.mobile-display-caret{margin-left:auto;font-size:11px}.mobile-display-anchor{position:relative}.mobile-display-panel{position:absolute;left:0;right:0;bottom:100%;z-index:8;box-shadow:0 8px 28px #11182738;display:flex;flex-direction:column;gap:12px;margin-bottom:8px;padding:12px;background:#fff9;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid var(--c-border);border-radius:var(--radius);max-height:52vh;overflow-y:auto}.mobile-rotate-fab{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:999px;background:#1118278c;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-rotate-fab:active{background:#111827d9}.mobile-display-panel .mobile-slider,.mobile-display-panel .mobile-check{color:var(--c-text)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mobile-display-panel{background:#ffffffeb}}@media (prefers-reduced-motion: reduce){.mobile-sub-options{transition:none}}