:root{--bg:#0c1018;--bg-2:#121721;--panel:#191f2eb8;--panel-solid:#181d2a;--border:#b8cce017;--border-strong:#b8cce02e;--text:#ebf0f4;--muted:#95a1b2;--primary:#21cab3;--primary-2:#2bbaee;--primary-soft:#21cab324;--accent:#a275f0;--warn:#faaf2e;--danger:#ec515e;--ok:#2dd272;--radius:16px;--radius-sm:10px;--shadow:0 20px 50px -20px #0009;--grad:linear-gradient(135deg, var(--primary), var(--primary-2));color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Heebo,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 100% -10%, #21cab31a, transparent 60%), radial-gradient(900px 500px at -10% 110%, #a275f01a, transparent 60%), var(--bg);font-size:17px}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:700}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary)}.glass{background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{border:1px solid var(--border-strong);cursor:pointer;white-space:nowrap;background:#dbe6f00d;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:16px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:hover:not(:disabled){background:#dbe6f01a;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad);color:#0c111d;border:none;box-shadow:0 8px 24px -8px #21cab399}.btn-primary:hover:not(:disabled){background:var(--grad);filter:brightness(1.08);box-shadow:0 12px 30px -8px #21cab3b3}.btn-warn{color:var(--warn);border-color:#faaf2e80}.btn-danger{color:var(--danger);border-color:#ec515e80}.btn-lg{min-height:58px;padding:0 28px;font-size:18px}.btn-sm{min-height:38px;padding:0 12px;font-size:14px}.btn-icon{min-width:48px;padding:0}.input{border:1px solid var(--border-strong);background:#0b0d1499;border-radius:12px;outline:none;width:100%;min-height:50px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}textarea.input{resize:vertical;min-height:90px;padding:12px 16px}label.field{color:var(--muted);gap:8px;font-size:15px;font-weight:500;display:grid}.chip{border:1px solid var(--border-strong);cursor:pointer;-webkit-user-select:none;user-select:none;background:#dbe6f00a;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{border-color:#21cab380}.chip.active{background:var(--primary-soft);border-color:var(--primary);color:#75f0df;box-shadow:inset 0 0 0 1px var(--primary)}.chip .kbd{opacity:.55;border:1px solid var(--border-strong);border-radius:6px;padding:0 5px;font-size:12px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.badge-unlabeled{color:var(--muted);background:#95a1b226}.badge-in_progress{color:var(--primary-2);background:#2bbaee26}.badge-labeled{color:var(--ok);background:#2dd27226}.badge-skipped{color:var(--warn);background:#faaf2e26}.muted{color:var(--muted)}.row{align-items:center;gap:12px;display:flex}.spacer{flex:1}.grid{gap:16px;display:grid}.app-shell{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0c1018b3;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;font-size:19px;font-weight:800;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:44px;height:44px}.nav a{color:var(--muted);border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .15s}.nav a.active,.nav a:hover{color:var(--text);background:#dbe6f012}.page{gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:28px;animation:.35s both fadeUp;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #dbe6f033;border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.login-wrap{place-items:center;min-height:100%;padding:24px;display:grid}.login-card{gap:22px;width:min(440px,100%);padding:40px;animation:.5s both fadeUp;display:grid}.login-card h1{font-size:28px}.error{color:var(--danger);background:#ec515e1a;border:1px solid #ec515e4d;border-radius:12px;padding:12px 14px;font-size:15px}.success{color:var(--ok);background:#2dd2721a;border:1px solid #2dd2724d;border-radius:12px;padding:12px 14px;font-size:15px}.hero{grid-template-columns:1fr auto;align-items:center;gap:24px;padding:28px;display:grid}.hero h1{font-size:30px}.progress{background:#dbe6f012;border-radius:999px;height:14px;overflow:hidden}.progress>div{background:var(--grad);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.stat-cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat{padding:20px}.stat .num{font-size:34px;font-weight:800}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);text-align:center;cursor:pointer;background:#191f2e66;place-items:center;gap:12px;padding:40px;transition:all .2s;display:grid}.dropzone.over{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.01)}.dropzone .icon{font-size:46px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:right;border-bottom:1px solid var(--border);padding:14px 16px}.table th{color:var(--muted);font-size:14px;font-weight:500}.table tr{transition:background .15s}.table tbody tr:hover{cursor:pointer;background:#dbe6f00a}.tabs{border:1px solid var(--border);background:#0b0d1480;border-radius:14px;gap:6px;padding:5px;display:flex}.tabs button{cursor:pointer;min-height:46px;color:var(--muted);background:0 0;border:none;border-radius:10px;flex:1;font-weight:600;transition:all .2s}.tabs button.active{background:var(--panel-solid);color:var(--text);box-shadow:0 4px 14px -4px #00000080, inset 0 0 0 1px var(--border-strong)}.labeler{grid-template-columns:1fr 400px;gap:16px;height:calc(100vh - 63px);padding:16px;display:grid}.viewer-col{grid-template-rows:auto 1fr auto;gap:12px;min-height:0;display:grid}.viewer-wrap{border-radius:var(--radius);border:1px solid var(--border);background:#000;min-height:0;position:relative;overflow:hidden}.viewer-el{position:absolute;inset:0}.viewer-el canvas{outline:none}.header-mask-preview{border-bottom:2px solid var(--danger);pointer-events:none;color:#fff;text-shadow:0 1px 4px #000;background:repeating-linear-gradient(45deg,#ec515e59,#ec515e59 10px,#ec515e26 10px 20px);place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.toolbar{flex-wrap:wrap;align-items:center;gap:4px;padding:6px;display:flex}.tool{cursor:pointer;min-width:46px;min-height:46px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-weight:600;transition:all .15s;display:inline-flex}.tool:hover{color:var(--text);background:#dbe6f012}.tool.active{background:var(--primary-soft);color:#75f0df;border-color:#21cab380}.sep{background:var(--border-strong);width:1px;height:28px;margin:0 4px}.cine{align-items:center;gap:10px;padding:10px 14px;display:flex}.cine input[type=range]{accent-color:#21cab3;flex:1}.frame-pill{font-variant-numeric:tabular-nums;background:#dbe6f00f;border-radius:10px;padding:6px 12px;font-weight:700}.frame-pill.locked{background:var(--primary-soft);color:#75f0df}.side{grid-template-rows:auto auto 1fr auto;gap:12px;min-height:0;display:grid}.side-body{align-content:start;gap:14px;padding:14px;display:grid;overflow:auto}.section-title{color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.section-title .req{color:var(--danger)}.ann-list{gap:8px;display:grid}.ann-item{border:1px solid var(--border);background:#dbe6f00a;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;animation:.25s both fadeUp;display:flex}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.footer-actions{gap:10px;padding:14px;display:grid}.save-state{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.save-state .live{background:var(--ok);border-radius:50%;width:8px;height:8px}.save-state .live.saving{background:var(--warn);animation:1s infinite pulse}.ga-box{background:linear-gradient(135deg,#21cab324,#2bbaee1a);border:1px solid #21cab359;border-radius:14px;gap:8px;padding:14px 16px;display:grid}.ga-box .big{font-size:26px;font-weight:800}.uncal{color:var(--warn);font-size:13px;font-weight:600}.toast{z-index:100;padding:14px 22px;font-weight:600;animation:.25s both fadeUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.modal-back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0000008c;place-items:center;animation:.2s both fadeUp;display:grid;position:fixed;inset:0}.modal{gap:16px;width:min(520px,92vw);padding:28px;display:grid}.empty{text-align:center;color:var(--muted);place-items:center;gap:12px;padding:60px 20px;display:grid}.empty .icon{font-size:54px}.bar-chart{gap:8px;display:grid}.bar-row{grid-template-columns:180px 1fr 50px;align-items:center;gap:10px;font-size:15px;display:grid}.bar-row .bar{background:var(--primary);border-radius:999px;min-width:3px;height:12px;transition:width .6s}.kbd-hint{color:var(--muted);font-size:13px;line-height:1.8}.kbd-hint kbd{border:1px solid var(--border-strong);background:#dbe6f00d;border-radius:6px;padding:1px 6px;font-family:inherit;font-size:12px}@media (width<=1100px){.labeler{grid-template-columns:1fr;height:auto}.viewer-wrap{height:60vh}.stat-cards{grid-template-columns:repeat(2,1fr)}}.toolbar .tool{white-space:nowrap;min-height:40px;padding:0 10px;font-size:14px}.side .tabs button{min-height:38px}.side .chip{min-height:36px;padding:0 12px;font-size:14px}.side .chip-row{gap:6px}.side .section-title{margin-bottom:6px;font-size:14px}.side details summary{cursor:pointer;margin-bottom:0}.side details[open] summary{margin-bottom:6px}.case-title{align-items:center;gap:8px;min-width:0;padding-inline:4px;font-size:14px;display:flex}.case-title b{white-space:nowrap}.case-file{text-overflow:ellipsis;white-space:nowrap;text-align:start;direction:ltr;flex:1;min-width:0;font-size:13px;overflow:hidden}.how-to{font-size:13px;line-height:1.8}.how-to kbd{border:1px solid var(--border-strong);border-radius:6px;padding:1px 6px;font-family:inherit;font-size:12px}.ann-item{padding:6px 10px}.ann-name{color:var(--text);font:inherit;cursor:pointer;-webkit-text-decoration:underline dotted var(--border-strong);text-decoration:underline dotted var(--border-strong);text-underline-offset:3px;background:0 0;border:none;border-radius:6px;padding:4px;font-weight:700}.ann-name:hover:not(:disabled){background:#dbe6f014}.ann-name:disabled{cursor:default;text-decoration:none}.ann-mm{font-size:18px;font-weight:800}.label-pick{z-index:20;background:var(--panel-solid);gap:8px;padding:10px;display:grid;position:absolute;box-shadow:0 12px 32px #0009}.pick-list{grid-template-columns:1fr 1fr;gap:2px;display:grid}.pick-item{min-height:34px;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex}.pick-item:hover{background:#dbe6f01a}.pick-item.last{border-color:var(--primary)}.pick-name{flex:1;min-width:0;font-size:13px;line-height:1.2}.pick-item .kbd{opacity:.6;border:1px solid var(--border-strong);border-radius:6px;padding:0 5px;font-size:12px}.login-brand{text-align:center;flex-direction:column;gap:10px;font-size:22px}.login-logo{object-fit:contain;width:132px;height:132px}.code-input{letter-spacing:.35em;text-align:center;font-size:26px;font-weight:700}.nav{gap:4px;margin-inline-start:24px}.filter-tabs{width:460px;max-width:100%}.admin-tabs{width:640px;max-width:100%}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}.stat-sub{margin-top:2px;font-size:13px}.chart-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-card{align-content:start;gap:12px;min-width:0;padding:20px;display:grid}.bar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.daily-chart{border-bottom:1px solid var(--border-strong);direction:ltr;align-items:flex-end;gap:2px;height:120px;display:flex}.daily-col{border-radius:4px 4px 0 0;flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.daily-col:hover{background:#dbe6f00f}.daily-bar{background:var(--primary);border-radius:4px 4px 0 0;width:100%;min-height:3px}.daily-axis{direction:ltr;font-size:13px}.add-user{grid-template-columns:repeat(5,1fr) auto}.user-email{min-width:190px;min-height:40px;font-size:14px}.page{grid-template-columns:minmax(0,1fr)}.page>*,.row>.tabs{min-width:0}.viewer-el{touch-action:none}@media (pointer:coarse){.desktop-only{display:none!important}.pick-item .kbd,.chip .kbd{display:none}}@media (width<=1100px){.labeler{height:auto}.viewer-col{grid-template-rows:auto auto auto}.viewer-wrap{height:56dvh}.side-body{overflow:visible}.side{grid-template-rows:none}.footer-actions{z-index:10;background:var(--panel-solid);position:sticky;bottom:8px}.chart-grid{grid-template-columns:1fr}}@media (width<=640px){body{font-size:16px}.topbar{gap:6px;padding:8px 10px}.brand-name,.topbar-user{display:none}.brand-logo{width:38px;height:38px}.nav{gap:0;margin-inline-start:0}.nav a{white-space:nowrap;padding:8px 9px;font-size:15px}.page{gap:14px;padding:12px}.hero{grid-template-columns:1fr;gap:14px;padding:18px}.hero h1{font-size:24px}.hero .btn{width:100%}.stat{padding:12px}.stat .num{font-size:26px}.stat-cards{gap:10px}.dropzone{padding:22px 14px}.login-wrap{padding:12px}.login-card{gap:16px;padding:22px}.page-head{flex-wrap:wrap}.page-head .spacer{display:none}.admin-tabs,.filter-tabs{width:100%}.table{display:block;overflow-x:auto}.table th,.table td{white-space:nowrap;padding:10px}.chart-card{padding:14px}.bar-row{grid-template-columns:110px 1fr 34px;font-size:14px}.add-user{grid-template-columns:1fr}.label-row{flex-wrap:wrap}.label-row .input{flex:100%;max-width:none!important}.labeler{gap:8px;padding:8px}.viewer-col{gap:8px}.viewer-wrap{height:48dvh}.toolbar{flex-wrap:nowrap;overflow-x:auto}.toolbar .spacer{display:none}.toolbar .tool{flex-shrink:0}.cine{flex-wrap:wrap;gap:6px;padding:8px}.cine input[type=range]{flex:100%;order:-1}.cine .btn{min-height:42px}.cine #label-this-frame{flex:1}.case-title{flex-wrap:wrap}.side .chip{min-height:42px}.ann-item{flex-wrap:wrap}.label-pick{z-index:60;max-height:70dvh;position:fixed;bottom:8px;right:8px;overflow:auto;width:auto!important;top:auto!important;left:8px!important}.pick-item{min-height:44px}.toast{text-align:center;bottom:8px;left:8px;right:8px;transform:none}.modal{padding:20px}}body{background:var(--bg)}.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--panel-solid);box-shadow:none}.btn-primary{background:var(--primary);box-shadow:none}.btn-primary:hover:not(:disabled){filter:none;box-shadow:none;background:#2cddc5}.btn-primary:disabled{color:var(--muted);opacity:1;background:#dbe6f01a}.btn:disabled{opacity:.6}.progress>div{background:var(--primary)}.ga-box{background:var(--primary-soft)}.toolbar .tool span{white-space:nowrap}.viewer-col:fullscreen{background:var(--bg);padding:10px}.viewer-col:fullscreen .viewer-wrap{height:auto}.locked-banner{align-items:center;gap:8px;display:flex}.copy-prev{justify-self:start}.dropzone.compact{gap:6px;padding:16px}.drop-icon{color:var(--muted)}.stat-label{align-items:center;gap:6px;display:flex}.type-cell{align-items:center;gap:6px;display:inline-flex}.list-head{flex-wrap:wrap;padding:12px}.search-box{flex:240px;align-items:center;max-width:360px;display:flex;position:relative}.search-box>svg{color:var(--muted);pointer-events:none;position:absolute;inset-inline-start:12px}.search-box .input{min-height:42px;padding-inline:36px;font-size:15px}.search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid;position:absolute;inset-inline-end:8px}.mine-toggle{cursor:pointer;color:var(--muted);white-space:nowrap;gap:6px;font-size:15px}.assign-select{min-width:110px;min-height:38px;padding:0 8px;font-size:14px}.admin-tabs{width:760px}.section-note{margin:0;font-size:14px;line-height:1.6}.key-form .input{min-height:46px}.fresh-key{border:1px solid var(--warn);border-radius:12px;gap:8px;padding:12px;display:grid}.code-block{border:1px solid var(--border);background:#0c1018;border-radius:10px;position:relative}.code-block pre{text-align:left;white-space:pre;margin:0;padding:12px 14px;padding-inline-end:96px;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.code-copy{background:var(--panel-solid);min-height:30px;padding:0 8px;font-size:12px;position:absolute;top:6px;left:auto;right:6px}.script-link{color:var(--text);justify-self:start;text-decoration:none}.endpoint{white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:13px;text-align:left!important}@media (width<=640px){.toolbar{grid-template-columns:repeat(5,1fr);gap:2px;padding:4px;display:grid;overflow:visible}.toolbar .sep,.toolbar .spacer,.toolbar .phone-hide{display:none}.toolbar .tool{flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:48px;padding:4px 0;font-size:11px}.toolbar .tool span{white-space:normal;text-align:center;line-height:1.1}.search-box{max-width:none}.list-head .spacer{display:none}.key-form{flex-wrap:wrap}.key-form .btn{width:100%}}.viewer-top{gap:8px;min-width:0;display:grid}.scale-banner{gap:8px;padding:8px 12px;font-size:14px;display:grid}.scale-row{flex-wrap:wrap;gap:8px}.scale-text{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.btn-icon-sm{min-width:38px;padding:0}.sizes-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.size-field{color:var(--muted);gap:4px;font-size:13px;display:grid}.size-input{width:100%;max-width:110px;min-height:38px;padding:0 8px}.ai-note{color:var(--muted);align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.ai-box{z-index:15;border:2px dashed var(--warn);pointer-events:none;position:absolute}.ai-tag{bottom:100%;background:var(--panel-solid);border:1px solid var(--warn);white-space:nowrap;pointer-events:auto;border-radius:6px;align-items:center;gap:4px;margin-bottom:2px;padding:2px 4px;font-size:12px;display:flex;position:absolute;inset-inline-start:0}.ai-tag button{width:24px;height:24px;color:var(--text);cursor:pointer;background:#dbe6f01a;border:none;border-radius:4px;place-items:center;display:grid}.ai-accept:hover{background:var(--primary);color:#0c111d}.ai-reject:hover{background:var(--danger)}.ai-note,.ai-tag{direction:rtl}.release-row{border:1px solid var(--border-strong);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.help-menu{position:relative}.help-menu #help-btn{gap:6px}.help-pop{top:calc(100% + 8px);z-index:40;border:1px solid var(--border-strong);border-radius:var(--radius-sm);gap:8px;width:250px;padding:10px;display:grid;position:absolute;inset-inline-end:0}.help-tips{cursor:pointer;gap:8px;padding:4px 2px;font-size:14px}.tour-layer{z-index:200;position:fixed;inset:0}.tour-dim{background:#0000009e;position:absolute;inset:0}.tour-spot{border-radius:var(--radius-sm);border:2px solid var(--primary);pointer-events:none;transition:left .18s,top .18s,width .18s,height .18s;position:fixed;box-shadow:0 0 0 200vmax #0000009e}.tour-bubble{border:1px solid var(--border-strong);border-radius:var(--radius);gap:10px;width:min(360px,100vw - 16px);padding:16px;display:grid;position:fixed}.tour-bubble p{margin:0;line-height:1.55}.tour-count{white-space:nowrap;font-size:13px}.tour-note{font-size:13px}.tour-prompt{z-index:190}.hover-tip{z-index:180;max-width:280px;color:var(--text);background:var(--panel-solid);border:1px solid var(--border-strong);pointer-events:none;box-shadow:var(--shadow);border-radius:8px;padding:8px 11px;font-size:13px;line-height:1.4;position:fixed}@media (prefers-reduced-motion:reduce){.tour-spot{transition:none}}