:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{flex-direction:column;height:100%;margin:0;padding:0;display:flex}html{height:100%}body{color:#e7e7ea;background:#0b0b0f;height:100%;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app{flex-direction:column;height:100%;display:flex}.app__header{background:#14141a;border-bottom:1px solid #26262f;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.app__brand{align-items:center;gap:10px;display:flex}.app__logo{color:#4fc3f7;font-size:22px}.app__brand h1{letter-spacing:.2px;color:#f2f2f5;margin:0;font-size:17px;font-weight:600}.app__header-actions{align-items:center;gap:12px;display:flex}.app__video-name{color:#c8c8d0;font-family:ui-monospace,Consolas,monospace;font-size:13px}.app__meta{color:#8b8b94;font-size:12px}.btn{color:#e7e7ea;cursor:pointer;background:#23232d;border:1px solid #34343f;border-radius:7px;padding:7px 14px;font-size:13px;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:#2d2d39;border-color:#4a4a58}.btn:disabled{opacity:.5;cursor:default}.btn--export{background:#0d47a1;border-color:#1565c0}.btn--export:hover:not(:disabled){background:#1565c0}.app__error{color:#ff9e9e;background:#3a1517;border-bottom:1px solid #5c2226;flex:none;padding:8px 16px;font-size:13px}.app__welcome{flex:auto;justify-content:center;align-items:center;padding:24px;display:flex}.app__dropzone{text-align:center;cursor:pointer;border:2px dashed #3a3a46;border-radius:14px;width:min(560px,90%);padding:48px 32px;transition:border-color .15s,background .15s}.app__dropzone:hover{background:#13131a;border-color:#4fc3f7}.app__dropzone-icon{color:#4fc3f7;font-size:40px}.app__dropzone h2{color:#f2f2f5;margin:12px 0 8px;font-size:20px}.app__dropzone p{color:#9a9aa4;margin:0;font-size:14px;line-height:1.55}.app__dropzone code{color:#e7e7ea;background:#1e1e27;border:1px solid #2c2c37;border-radius:5px;padding:1px 6px;font-size:13px}.app__workspace{flex:auto;min-height:0;display:flex}.app__left{flex:0 0 70%;min-width:0;position:relative}.app__right{background:#111118;border-left:1px solid #26262f;flex-direction:column;flex:30%;gap:14px;min-width:0;padding:12px;display:flex;overflow-y:auto}.annotator-canvas{background:#101014;width:100%;height:100%;position:relative;overflow:hidden}.annotator-canvas__surface{touch-action:none;width:100%;height:100%;display:block}.crosshair-cursor,.brush-cursor{cursor:crosshair}.annotator-canvas__hud{pointer-events:none;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px}.annotator-canvas__frame{color:#fff;background:#000000a6;border:1px solid #ffffff2e;border-radius:6px;padding:3px 8px;font-family:ui-monospace,Consolas,monospace}.annotator-canvas__hint{color:#d4d4dc;background:#0000008c;border-radius:6px;padding:3px 8px}.video-panel{flex-direction:column;gap:8px;display:flex}.video-panel__screen{background:#101014;border:1px solid #26262f;border-radius:8px;width:100%;height:240px;position:relative;overflow:hidden}.video-panel__screen canvas{width:100%;height:100%;display:block}.video-panel__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.play-btn{color:#e7e7ea;cursor:pointer;background:#23232d;border:1px solid #34343f;border-radius:6px;padding:5px 12px;font-size:13px}.play-btn:hover{background:#2d2d39}.video-panel__frame-label{color:#c8c8d0;font-family:ui-monospace,Consolas,monospace;font-size:12px}.video-panel__counter{color:#8b8b94;font-size:12px}.video-panel__fps{color:#8b8b94;border:1px solid #2c2c37;border-radius:5px;margin-left:auto;padding:1px 7px;font-size:12px}.video-panel__scrubber{accent-color:#4fc3f7;width:100%}.tool-panel h3{text-transform:uppercase;letter-spacing:.6px;color:#8b8b94;margin:0 0 8px;font-size:13px}.tool-panel__buttons{gap:8px;display:flex}.tool-btn{color:#c8c8d0;cursor:pointer;background:#1c1c25;border:1px solid #30303b;border-radius:7px;flex:1 1 0;padding:8px 10px;font-size:13px;transition:background .15s,border-color .15s}.tool-btn:hover{background:#262630}.tool-btn--active{color:#fff;background:#0d47a1;border-color:#1565c0}.brush-size{color:#c8c8d0;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.brush-size input{accent-color:#4fc3f7;flex:auto}.brush-size span{text-align:right;min-width:42px;font-family:ui-monospace,Consolas,monospace}.mask-list{flex-direction:column;gap:8px;min-height:0;display:flex}.mask-list__header{align-items:center;gap:8px;display:flex}.mask-list__header h3{text-transform:uppercase;letter-spacing:.6px;color:#8b8b94;margin:0;font-size:13px}.mask-list__count{color:#c8c8d0;background:#262630;border-radius:10px;padding:1px 8px;font-size:12px}.mask-list__empty{color:#6d6d78;text-align:center;border:1px dashed #2c2c37;border-radius:8px;padding:12px;font-size:13px}.mask-list__items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mask-item{cursor:pointer;background:#17171f;border:1px solid #2a2a34;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;transition:border-color .15s,background .15s;display:flex}.mask-item:hover{border-color:#3d3d4a}.mask-item--selected{background:#14222e;border-color:#4fc3f7}.mask-item__swatch{border-radius:4px;flex:none;width:14px;height:14px}.mask-item__name{color:#e7e7ea;flex-direction:column;font-size:13px;line-height:1.2;display:flex}.mask-item__type{color:#8b8b94;font-size:11px}.mask-item__area{color:#8b8b94;margin-left:auto;font-family:ui-monospace,Consolas,monospace;font-size:11px}.mask-item__delete{color:#8b8b94;cursor:pointer;background:0 0;border:none;border-radius:5px;flex:none;width:24px;height:24px;font-size:13px;line-height:1}.mask-item__delete:hover{color:#ff6b6b;background:#3a1517}.mask-list__merge{color:#fff;cursor:pointer;background:#0d47a1;border:1px solid #1565c0;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:12px;transition:background .15s}.mask-list__merge:hover{background:#1565c0}.mask-item__check{accent-color:#4fc3f7;cursor:pointer;flex:none}