:root{--bg: #0f172a;--panel: #16203a;--panel-2: #1d294a;--line: #2c3a5e;--text: #f2f5fb;--muted: #a2aec8;--primary: #2f6df6;--primary-dark: #2456cc;--ok: #2fbf71;--warn: #e2a03f;--ng: #e15241;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;line-height:1.6;overscroll-behavior:none}.screen{min-height:100%;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom))}.screen--center{display:flex;align-items:center;justify-content:center}.card{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 20px}.card--error{border-color:#5d2b2b}.card--plain{text-align:center}.card__title{margin:0 0 12px;font-size:19px}.card__body{margin:0 0 16px;color:var(--text);white-space:pre-wrap}.card__note{margin:12px 0;padding:10px 12px;border-radius:10px;background:#2f6df61f;border:1px solid rgba(47,109,246,.35);font-size:13px;color:#cfe0ff}.card__note--warn{background:#e2a03f24;border-color:#e2a03f66;color:#f4dcb4}.card__error{margin:12px 0;padding:10px 12px;border-radius:10px;background:#e1524124;border:1px solid rgba(225,82,65,.42);font-size:13px;color:#ffd5cf}.card__detail{margin:10px 0 0;color:var(--muted);font-size:12px}.info-list{display:grid;grid-template-columns:84px 1fr;gap:6px 12px;margin:0 0 20px;font-size:14px}.info-list dt{color:var(--muted)}.info-list dd{margin:0;word-break:break-word}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px 18px;border:1px solid transparent;border-radius:12px;font:inherit;font-weight:600;color:var(--text);background:var(--panel-2);cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary)}.btn--primary:active:not(:disabled){background:var(--primary-dark)}.btn--secondary{background:var(--panel-2);border-color:var(--line)}.btn--danger{background:var(--ng)}.btn--ghost{background:transparent;border-color:var(--line)}.btn--block{width:100%}.btn--xl{min-height:58px;font-size:17px}.btn--sm{min-height:38px;padding:6px 12px;font-size:13px}.btn-stack{display:grid;gap:10px}.loader{width:26px;height:26px;margin:0 auto 14px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.camera-screen{display:flex;flex-direction:column;height:100%;padding-top:var(--safe-top)}.camera-header{flex:0 0 auto;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line)}.camera-header__row{display:flex;gap:8px;align-items:baseline;min-width:0}.camera-header__label{flex:0 0 auto;font-size:11px;color:var(--muted)}.camera-header__value{flex:1;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-header__row--sub{gap:6px;font-size:11px;color:var(--muted);white-space:nowrap;overflow-x:auto;scrollbar-width:none}.camera-header__row--sub::-webkit-scrollbar{display:none}.camera-preview{position:relative;flex:1 1 auto;min-height:220px;background:#000;overflow:hidden}.camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.camera-preview__hint{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:12px;color:#ffffffd1;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.guide-layer{position:absolute;inset:0;pointer-events:none}.guide-frame{position:absolute;border:2px solid rgba(255,255,255,.9);border-radius:6px;box-shadow:0 0 0 9999px #00000059;transition:box-shadow .12s ease}.guide-frame--flash{border-color:#7ef0a8;box-shadow:0 0 0 9999px #ffffff8c}.guide-corner{position:absolute;width:18px;height:18px;border:3px solid #7ef0a8}.guide-corner--tl{top:-3px;left:-3px;border-right:none;border-bottom:none}.guide-corner--tr{top:-3px;right:-3px;border-left:none;border-bottom:none}.guide-corner--bl{bottom:-3px;left:-3px;border-right:none;border-top:none}.guide-corner--br{bottom:-3px;right:-3px;border-left:none;border-top:none}.stats-bar{flex:0 0 auto;display:flex;align-items:stretch;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:5px 2px;background:var(--panel)}.stat__value{font-size:17px;font-weight:700;line-height:1.2}.stat__label{font-size:10px;color:var(--muted)}.stat--ok .stat__value{color:var(--ok)}.stat--ng .stat__value{color:var(--ng)}.stat--warn .stat__value{color:var(--warn)}.net-state{flex:0 0 auto;display:flex;align-items:center;padding:0 10px;font-size:11px;background:var(--panel)}.net-state--online{color:var(--ok)}.net-state--offline{color:var(--warn);font-weight:700}.banner{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13px}.banner--error{background:#e152412e;color:#ffd5cf}.banner--warn{background:#e2a03f2e;color:#f7e3c1}.banner span{flex:1}.banner__close{flex:0 0 auto;width:28px;height:28px;border:none;border-radius:50%;background:#ffffff24;color:inherit;font-size:17px;line-height:1;cursor:pointer}.banner__action{flex:0 0 auto;padding:6px 12px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}.tag-panel{flex:0 0 auto;padding:10px 12px;background:var(--panel);border-top:1px solid var(--line)}.tag-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--muted)}.tag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tag-grid--compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tag-button{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px 12px;border:2px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--text);font:inherit;font-weight:700;text-align:left;cursor:pointer}.tag-button--selected{border-color:var(--primary);background:#2f6df63d}.tag-button__order{flex:0 0 auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.tag-button__label{flex:1;font-size:14px;line-height:1.3}.camera-footer{flex:0 0 auto;padding:8px 14px calc(10px + var(--safe-bottom));background:var(--panel);border-top:1px solid var(--line)}.camera-footer__top{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.camera-footer__note{margin:6px 0 0;text-align:center;font-size:12px;color:var(--warn)}.current-tag{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;margin-bottom:10px;padding:8px 14px;border:2px solid var(--primary);border-radius:12px;background:#2f6df62e;color:var(--text);font:inherit;cursor:pointer}.current-tag--none{border-color:var(--warn);background:#e2a03f2e}.current-tag__caption{flex:0 0 auto;font-size:11px;color:var(--muted)}.current-tag__value{flex:1;font-size:16px;font-weight:700;text-align:left}.current-tag__chevron{flex:0 0 auto;font-size:10px;color:var(--muted)}.shutter{position:relative;display:block;width:84px;height:84px;margin:0 auto;padding:0;border:4px solid rgba(255,255,255,.9);border-radius:50%;background:transparent;cursor:pointer}.shutter:disabled{opacity:.4}.shutter__inner{position:absolute;inset:6px;border-radius:50%;background:#fff;transition:transform .08s ease}.shutter:active:not(:disabled) .shutter__inner{transform:scale(.9)}.shutter__count{position:absolute;right:-6px;bottom:-6px;min-width:28px;height:28px;padding:0 6px;border-radius:14px;background:var(--primary);color:#fff;font-size:13px;font-weight:700;line-height:28px;text-align:center}@media (orientation: landscape) and (max-height: 520px){.camera-header__row--sub{display:none}.shutter{width:66px;height:66px}.current-tag{min-height:42px;margin-bottom:6px}}