:root{--bg: #f2f2f7;--card: #ffffff;--fill: rgba(118, 118, 128, .12);--fill-strong: rgba(118, 118, 128, .2);--line: rgba(60, 60, 67, .18);--line-strong: rgba(60, 60, 67, .29);--text: #1c1c1e;--txt: #1c1c1e;--muted: rgba(60, 60, 67, .6);--faint: rgba(60, 60, 67, .3);--accent: #007aff;--accent-press: #0066d6;--teal: #34c759;--coral: #ff3b30;--gold: #ff9500;--on-accent: #ffffff;--ink: #ffffff;--glass: rgba(249, 249, 251, .78);--glass-line: rgba(60, 60, 67, .16);--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 30px rgba(0, 0, 0, .05);--shadow-pop: 0 10px 40px rgba(0, 0, 0, .18);--radius: 14px;--radius-lg: 20px;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Helvetica Neue", system-ui, sans-serif;--body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", system-ui, sans-serif;--nav-h: 52px;--tab-h: 50px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (prefers-color-scheme: dark){:root{--bg: #000000;--card: #1c1c1e;--fill: rgba(118, 118, 128, .24);--fill-strong: rgba(118, 118, 128, .36);--line: rgba(84, 84, 88, .6);--line-strong: rgba(84, 84, 88, .85);--text: #ffffff;--txt: #ffffff;--muted: rgba(235, 235, 245, .6);--faint: rgba(235, 235, 245, .3);--accent: #0a84ff;--accent-press: #409cff;--teal: #30d158;--coral: #ff453a;--gold: #ff9f0a;--glass: rgba(30, 30, 32, .7);--glass-line: rgba(255, 255, 255, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-pop: 0 12px 48px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button{font-family:inherit;-webkit-tap-highlight-color:transparent}a{color:var(--accent)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app{min-height:100dvh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:780px;margin:0 auto;padding:12px 16px calc(var(--tab-h) + var(--safe-bottom) + 28px)}.navbar{position:sticky;top:0;z-index:30;padding-top:var(--safe-top);background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--glass-line)}.navbar-row{height:var(--nav-h);display:flex;align-items:center;gap:8px;padding:0 8px;max-width:780px;margin:0 auto}.navbar-title-mini{flex:1;text-align:center;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-large{max-width:780px;margin:0 auto;padding:2px 16px 10px}.navbar-large h1{font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:-.02em;line-height:1.15;margin:0}.navbar-large .sub{margin:4px 0 0}.nav-btn{flex:none;min-width:38px;height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--fill);color:var(--accent);border:none;border-radius:19px;cursor:pointer;font-size:15px;font-weight:500}.nav-btn:active{background:var(--fill-strong)}.nav-btn svg{width:20px;height:20px}.nav-btn .who{font-size:13px;color:var(--muted);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;padding-bottom:var(--safe-bottom);background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--glass-line)}.tabbar-inner{width:100%;max-width:780px;height:var(--tab-h);display:flex;align-items:stretch}.tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;background:none;border:none;cursor:pointer;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.01em;transition:color .12s ease}.tab svg{width:25px;height:25px}.tab span{white-space:nowrap}.tab.active{color:var(--accent)}.tab:active{opacity:.6}.h1{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em;margin:4px 0 2px}.sub{color:var(--muted);font-size:14px;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.card{background:var(--card);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.card .k{color:var(--muted);font-size:13px;font-weight:500}.card .v{font-family:var(--mono);font-size:24px;font-weight:600;margin-top:4px;letter-spacing:-.02em}.panel{background:var(--card);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:16px;box-shadow:var(--shadow)}.panel h2{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.01em;margin:0 0 14px}.btn-primary{background:var(--accent);color:var(--on-accent);border:none;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer;min-height:44px;transition:filter .12s ease,transform .06s ease}.btn-primary:active{filter:brightness(.9);transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary.sm{padding:7px 14px;font-size:14px;min-height:0;border-radius:10px}.btn-ghost{background:var(--fill);color:var(--accent);border:none;border-radius:12px;padding:10px 16px;font-size:15px;font-weight:500;cursor:pointer;min-height:40px;transition:background .12s ease}.btn-ghost:active{background:var(--fill-strong)}.btn-ghost.sm{padding:6px 12px;font-size:13px;min-height:0;border-radius:9px}.btn-stop{background:var(--fill);color:var(--coral);border:none;border-radius:12px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer;min-height:40px}.btn-stop:active{background:var(--fill-strong)}.field{margin-bottom:16px}.field label{display:block;color:var(--muted);font-size:13px;font-weight:500;margin-bottom:7px}select,input[type=text],input[type=password],input[type=number],input[type=search],textarea{width:100%;background:var(--fill);color:var(--text);border:none;border-radius:12px;padding:12px 14px;font-family:var(--body);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{line-height:1.5;resize:vertical}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select:focus,input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}::placeholder{color:var(--faint)}input[type=file]{width:100%;background:var(--fill);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--text)}input[type=checkbox]{accent-color:var(--accent)}.asr-toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;width:51px;height:31px;border-radius:16px;background:var(--fill-strong);cursor:pointer;transition:background .2s ease}.asr-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000040;transition:transform .2s ease}.asr-toggle input[type=checkbox]:checked{background:var(--teal)}.asr-toggle input[type=checkbox]:checked:after{transform:translate(20px)}.asr-toggle input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.toggle-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.toggle{background:var(--fill);border:none;color:var(--text);border-radius:10px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;min-height:36px}.toggle.active{color:var(--on-accent);background:var(--accent);font-weight:600}.mode-seg{display:inline-flex;padding:2px;background:var(--fill);border-radius:10px;margin-bottom:14px}.mode-seg button{background:transparent;color:var(--text);border:none;padding:7px 18px;cursor:pointer;font-size:14px;font-weight:500;border-radius:8px;transition:background .15s ease}.mode-seg button.on{background:var(--card);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000001f}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--fill);color:var(--text);border:none;border-radius:16px;padding:6px 14px;font-size:13px;cursor:pointer}.chip.on{background:var(--accent);color:var(--on-accent);font-weight:600}.gran-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:8px;padding:4px 10px}.badge.st-pending{background:var(--fill);color:var(--muted)}.badge.st-recording{background:#ff950029;color:var(--gold)}.badge.st-completed{background:#34c75929;color:var(--teal)}.badge.st-analyzed{background:#34c75933;color:var(--teal)}.badge.st-failed{background:#ff3b3029;color:var(--coral)}.badge.ad{background:#ff950029;color:var(--gold)}.badge.live{background:#34c75929;color:var(--teal)}.pulse{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #ff950080}50%{opacity:.5;box-shadow:0 0 0 6px #ff950000}}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(86vw,320px);background:var(--bg);padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 20px);overflow-y:auto;transform:translate(-100%);transition:transform .28s cubic-bezier(.32,.72,0,1);border-right:.5px solid var(--line)}.app.menu-open .sidebar{transform:none;box-shadow:var(--shadow-pop)}.backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0006;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.app.menu-open .backdrop{display:block}.brand{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;margin-bottom:2px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.brand-sub{color:var(--muted);font-size:13px;margin-bottom:20px}.tree-item{padding:11px 14px;border-radius:12px;cursor:pointer;font-size:15px;color:var(--text);background:var(--card);margin-bottom:6px;box-shadow:var(--shadow)}.tree-item:active{background:var(--fill)}.tree-item.active{color:var(--accent);font-weight:600;box-shadow:0 0 0 2px var(--accent) inset}.tree-item .meta{color:var(--muted);font-size:12px;font-family:var(--mono);margin-top:2px}.timeline{display:flex;gap:3px;flex-wrap:wrap}.cell{width:24px;height:40px;border-radius:7px;cursor:pointer;border:none;padding:0;position:relative;transition:transform .08s ease}.cell:active{transform:scale(.92)}.cell.selected{outline:2.5px solid var(--accent);outline-offset:2px}.cell .lab{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-size:9px;color:var(--muted);font-family:var(--mono)}.legend{display:flex;gap:14px;margin-top:28px;color:var(--muted);font-size:12px;align-items:center;flex-wrap:wrap}.legend .sw{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:5px;vertical-align:-2px}.diag .row{margin-bottom:12px}.diag .lab{color:var(--muted);font-size:12px;font-weight:600;margin-bottom:4px}.diag .conf{font-family:var(--mono)}.chip{line-height:1.4}.actions{margin:0;padding-left:18px}.actions li{margin-bottom:4px}.missing-note{color:var(--coral);font-size:14px}.empty{color:var(--muted);font-size:14px;padding:18px 8px;text-align:center}.error{color:var(--coral);font-size:14px}.hint{color:var(--muted);font-size:13px;line-height:1.5}.cap-start{display:flex;flex-direction:column;gap:10px}.cap-start input[type=text],.cap-start select{width:100%}.cap-listhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.cap-counts{display:flex;gap:8px;align-items:center;font-size:12px;flex-wrap:wrap}.cnt{padding:3px 10px;border-radius:8px;font-weight:600;font-family:var(--mono)}.cnt.st-recording{color:var(--gold);background:#ff950024}.cnt.st-completed{color:var(--teal);background:#34c75924}.cnt.st-failed{color:var(--coral);background:#ff3b3024}.cap-list{display:grid;grid-template-columns:1fr;gap:12px}.cap-card{background:var(--card);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.cap-card.st-recording{box-shadow:var(--shadow),0 0 0 1.5px #ff950066 inset}.cap-card.st-completed,.cap-card.st-analyzed{box-shadow:var(--shadow),0 0 0 1.5px #34c75959 inset}.cap-card.st-failed{box-shadow:var(--shadow),0 0 0 1.5px #ff3b3066 inset}.cap-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.cap-room{font-family:var(--mono);font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.cap-plat{font-size:11px;color:var(--muted);background:var(--fill);border-radius:6px;padding:2px 7px}.recon{font-family:var(--mono);font-size:11px;color:var(--gold);background:#ff950024;border-radius:6px;padding:2px 7px}.cap-metrics{display:flex;gap:22px;margin-bottom:12px}.cap-metric .k{color:var(--muted);font-size:11px;font-weight:500}.cap-metric .v{font-family:var(--mono);font-size:19px;font-weight:600;margin-top:2px}.cap-metric .v.sm{font-size:14px}.mono{font-family:var(--mono)}.seg-strip{display:flex;align-items:center;gap:2px;flex-wrap:wrap;min-height:16px;margin-bottom:10px}.seg-tick{width:4px;height:14px;border-radius:2px;background:var(--teal);opacity:.85}.seg-tick.live{background:var(--gold);animation:pulse 1.3s ease-in-out infinite}.seg-more{font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:4px}.seg-empty{font-size:12px;color:var(--muted)}.cap-err{color:var(--coral);font-size:13px;margin-bottom:10px}.cap-actions{display:flex;gap:8px;flex-wrap:wrap}.up-grid{display:grid;grid-template-columns:1fr;gap:10px}.asr-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:.5px solid var(--line)}.asr-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0006;display:flex;justify-content:flex-end}.drawer{width:min(460px,94vw);height:100%;background:var(--bg);border-left:.5px solid var(--line);padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 20px);overflow-y:auto;animation:slidein .24s cubic-bezier(.32,.72,0,1)}@keyframes slidein{0%{transform:translate(100%)}to{transform:none}}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-title{font-family:var(--mono);font-size:14px;margin-left:10px}.drawer-x{width:32px;height:32px;border-radius:16px;background:var(--fill);border:none;color:var(--muted);font-size:20px;cursor:pointer;line-height:1}.drawer-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:16px;background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.drawer-meta .k{display:block;color:var(--muted);font-size:11px;font-weight:500}.drawer-meta .v{font-size:15px;margin-top:3px}.drawer-sub{font-family:var(--display);font-size:15px;font-weight:600;margin:18px 0 10px}.seg-table{width:100%;border-collapse:collapse;font-size:13px;display:block;overflow-x:auto}.seg-table th{text-align:left;color:var(--muted);font-weight:500;font-size:11px;padding:8px;border-bottom:.5px solid var(--line);white-space:nowrap}.seg-table td{padding:10px 8px;border-bottom:.5px solid var(--line);white-space:nowrap}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.share-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.share-link{font-size:13px;color:var(--muted)}.share-link a{color:var(--accent);word-break:break-all}.correct-box{margin-top:14px;padding-top:12px;border-top:.5px solid var(--line)}.correct-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.correct-edit label{display:block;font-size:13px;color:var(--accent);margin:10px 0 4px}.tag{background:var(--fill);color:var(--muted);padding:3px 9px;border-radius:8px;font-size:12px}.tag.verified{background:#34c75929;color:var(--teal)}.meth-list,.bm-list{display:flex;flex-direction:column;gap:12px}.meth-card,.bm-card{background:var(--card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}.meth-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.meth-top .conf{margin-left:auto;color:var(--muted);font-size:12px;font-family:var(--mono)}.meth-sit{font-weight:600;margin-bottom:4px;font-size:16px}.meth-attr{color:var(--muted);font-size:14px;margin-bottom:10px}.meth-acts{margin:0;padding-left:18px}.meth-acts li{font-size:14px;margin:3px 0}.bm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bm-cat{font-weight:600;font-size:16px}.bm-n{color:var(--muted);font-size:13px}.bm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.bm-k{font-size:13px;color:var(--accent)}.bm-v{font-size:14px;font-family:var(--mono);margin-top:2px}.creative-pick{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.creative-pick select{min-width:240px;flex:1}.dim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.dim{background:var(--fill);border-radius:12px;padding:12px 14px}.dim-t{font-weight:600;font-size:14px}.dim-d{color:var(--muted);font-size:13px;margin-top:3px}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.frame-grid img{width:100%;border-radius:10px;display:block}.script-box{background:var(--fill);border-left:3px solid var(--teal);padding:12px 16px;border-radius:10px;white-space:pre-wrap;font-size:15px;line-height:1.7}.script-inline{white-space:pre-wrap;color:var(--text);background:var(--fill);border-left:3px solid var(--teal);padding:8px 12px;border-radius:10px;margin-top:4px;font-size:14px}.rs-group{margin-bottom:16px}.rs-gtitle{font-size:14px;color:var(--accent);margin-bottom:8px;font-weight:600}.rs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.rs-field label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-bottom:5px}.rs-db{background:#34c75929;color:var(--teal);font-size:11px;padding:2px 7px;border-radius:6px}.seg-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-bottom:16px;scrollbar-width:none}.seg-scroll::-webkit-scrollbar{display:none}.seg-scroll .toggle{flex:none}.status-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.health-head{border:none;cursor:pointer;font:inherit}.health-detail{background:var(--card);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow);margin-top:8px}.brief-line{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.link-cell{background:none;border:none;padding:0;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-cell:active{opacity:.6}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px)}.login-card{width:100%;max-width:380px;background:var(--card);border-radius:22px;padding:30px 26px;box-shadow:var(--shadow)}.login-card .field{margin-bottom:16px}.login-card .brand{font-size:24px;justify-content:center}.login-card .brand-sub{text-align:center}.login-card code{font-family:var(--mono);font-size:12px;background:var(--fill);padding:2px 6px;border-radius:6px}@media (min-width: 700px){.cards{grid-template-columns:repeat(4,1fr)}.cap-list{grid-template-columns:repeat(2,1fr)}.up-grid{grid-template-columns:1fr 1fr}.cap-start{flex-direction:row;flex-wrap:wrap;align-items:center}.cap-start input[type=text]{flex:1;min-width:240px}.cap-start select,.cap-start .btn-primary{width:auto}}