.vision-root{width:100%;max-width:1440px;margin:0 auto;padding:24px 40px 36px}.vision-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding-bottom:24px;display:flex}.vision-brand{color:var(--foreground);font-size:24px;font-weight:700;text-decoration:none}.vision-brand span{color:var(--primary);font-weight:400}.vision-test{background:var(--warning-soft);color:var(--warning-foreground);border-radius:6px;padding:4px 9px;font-size:12px}.vision-link{color:var(--muted-foreground);cursor:pointer;align-items:center;gap:6px;margin-left:auto;display:flex}.vision-heading{margin:34px 0 28px}.vision-heading h1{letter-spacing:-.025em;font-size:30px;font-weight:600}.vision-heading p{color:var(--muted-foreground);max-width:68ch;margin-top:8px}.vision-toolbar{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:20px;display:flex}.vision-toolbar label,.vision-login label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.vision-root select,.vision-root input[type=password]{border:1px solid var(--border-strong);background:var(--card);height:44px;color:var(--foreground);border-radius:7px;min-width:170px;padding:0 12px}.vision-root input[type=file]{max-width:270px;min-height:44px;padding-top:10px;font-size:13px}.vision-primary,.vision-stop{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.vision-primary{background:var(--primary);color:var(--primary-foreground)}.vision-primary:hover{background:var(--primary-hover)}.vision-stop{background:var(--danger-soft);color:var(--danger-foreground)}.vision-toolbar>button{margin-left:auto}.vision-root button:disabled,.vision-root input:disabled,.vision-root select:disabled{opacity:.6;cursor:not-allowed}.vision-root :focus-visible{outline:2px solid var(--ring);outline-offset:3px}.vision-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:28px;display:grid}.vision-stage{border:1px solid var(--border);background:var(--card);border-radius:12px;overflow:hidden}.vision-stage-bar{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:13px 16px;font-size:12px;display:flex}.vision-stage-bar span{align-items:center;gap:7px;display:flex}.vision-video{background:var(--sidebar);aspect-ratio:16/10;justify-content:center;align-items:center;display:flex;position:relative}.vision-video video,.vision-video canvas{object-fit:contain;width:100%;height:100%;position:absolute}.vision-empty{color:var(--sidebar-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.vision-empty span{color:var(--sidebar-muted);font-size:13px}.vision-options{flex-wrap:wrap;gap:16px;padding:15px 16px;display:flex}.vision-options label{align-items:center;gap:7px;min-height:28px;font-size:12px;display:flex}.vision-options input{accent-color:var(--primary)}.vision-observations h2{margin:4px 0 8px;font-size:17px;font-weight:600}.vision-muted{color:var(--muted-foreground);font-size:13px}.vision-person{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:19px 0;display:flex}.vision-person strong{font-size:14px;display:block}.vision-person span{color:var(--muted-foreground);margin-top:4px;font-size:12px;display:block}.vision-person time{font-variant-numeric:tabular-nums;font-size:22px}.vision-note{color:var(--muted-foreground);margin-top:24px;font-size:12px;line-height:1.6}.vision-footer{color:var(--muted-foreground);align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex}.vision-login{border:1px solid var(--border);background:var(--card);border-radius:12px;max-width:400px;margin:50px auto;padding:28px}.vision-login h2{margin:16px 0 8px;font-size:20px;font-weight:600}.vision-login p{color:var(--muted-foreground);margin-bottom:24px;font-size:14px}.vision-login input,.vision-login button{width:100%;margin-bottom:16px}.vision-error{background:var(--danger-soft);overflow-wrap:anywhere;border-radius:7px;margin:12px 0 20px;padding:12px 16px;font-size:14px;color:var(--danger-foreground)!important}@media (max-width:800px){.vision-root{padding:20px}.vision-workspace{grid-template-columns:1fr}.vision-heading h1{font-size:26px}.vision-heading{margin-top:26px}.vision-toolbar{gap:12px}.vision-toolbar>div{flex:1}.vision-toolbar select{width:100%;min-width:130px}.vision-toolbar>button{width:100%;margin-left:0}.vision-stage-bar{font-size:11px}.vision-options{gap:8px}.vision-options label{width:100%}.vision-footer{align-items:flex-start}.vision-login{margin-top:26px}.vision-person{padding:12px 0}}