:root{--studio-bg:#e4eef2;--page-bg:#f4f8fa;--surface:#fff;--border:#d3dfe5;--ink:#16242b;--ink-muted:#5c7280;--accent:#0f6d99;--accent-ink:#fff;--danger:#a1263a;--danger-bg:#fdecef;--radius:10px}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--ink);margin:0;font-family:Quantico,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}code{background:#0f6d9914;border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}a{color:var(--accent)}.page{width:78%;max-width:1400px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.page-header{background:var(--surface);width:100%;margin-bottom:1.25rem;box-shadow:0 4px 6px -4px #16242b59}.page-header-inner{width:78%;max-width:1400px;margin:0 auto;padding:.9rem 1.25rem}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{width:auto;height:2.25rem}.page-header h1{letter-spacing:-.01em;margin:0;font-size:1.35rem}.meta-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.25rem;display:flex}.crumbs{color:var(--ink-muted);margin:0;font-size:.85rem}.field{flex-direction:column;gap:.3rem;display:flex}.field-label{color:var(--ink-muted);font-size:.8rem}.field input,.field select{font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:8px;min-width:14rem;padding:.45rem .6rem}.token-ok{color:var(--ink);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.token-entry{align-items:center;gap:.5rem;display:inline-flex}.token-hint{color:var(--ink-muted);font-size:.8rem}.token-hint-error{color:#c0392b}.link-button{font:inherit;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.field input:focus-visible,.field select:focus-visible,.button:focus-visible,.icon-button:focus-visible,.segment:focus-visible,.text-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.banner{border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);border-radius:8px;margin:0 0 1rem;padding:.6rem .85rem;font-size:.9rem}.banner-error{background:var(--danger-bg);color:var(--danger);border-color:#eec2ca}.viewer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px #16242b0f}.viewer-stage{background:var(--studio-bg);position:relative}.viewer-canvas{aspect-ratio:4/3;width:100%;max-height:520px}.viewer-canvas canvas{display:block}.viewer-error{color:var(--danger);background:var(--danger-bg);border-color:#eec2ca;padding:1.25rem}.viewer-loading{background:var(--studio-bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;inset:0}.viewer-loading-label{margin:0;font-weight:600}.spinner{border:3px solid #16242b1f;border-top-color:var(--accent);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.transport{border-top:1px solid var(--border);flex-direction:column;gap:.6rem;padding:.75rem .9rem;display:flex}.transport-row{align-items:center;gap:.6rem;display:flex}.transport-row-secondary{flex-wrap:wrap;gap:.75rem}.transport-label{color:var(--ink-muted);font-size:.8rem}.icon-button{font:inherit;border:1px solid var(--border);background:var(--surface);min-width:2.1rem;height:2.1rem;color:var(--ink);cursor:pointer;border-radius:8px;line-height:1}.icon-button:hover{background:var(--page-bg)}.scrubber{accent-color:var(--accent);flex:1}.timecode{font-variant-numeric:tabular-nums;color:var(--ink-muted);text-align:right;min-width:6.5rem;font-size:.85rem}.segmented{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.segment{font:inherit;border:0;border-right:1px solid var(--border);background:var(--surface);color:var(--ink-muted);cursor:pointer;padding:.25rem .6rem;font-size:.85rem}.segment:last-child{border-right:0}.segment-active{background:var(--accent);color:var(--accent-ink)}.checkbox{color:var(--ink-muted);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.checkbox input{accent-color:var(--accent)}.text-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:.85rem}.text-button:hover{text-decoration:underline}.actions{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.25rem;padding:1rem 1.1rem}.actions-question{margin:0 0 .75rem;font-weight:600}.actions-hint{color:var(--muted,#64748b);max-width:46rem;margin:-.35rem 0 .85rem;font-size:.9rem}.actions-buttons{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:.45rem .9rem}.button:hover:not(:disabled){background:var(--page-bg)}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button-primary:hover:not(:disabled){background:#0c5b80}.button:disabled{opacity:.5;cursor:not-allowed}.steps{flex-direction:column;gap:.9rem;margin-bottom:1rem;display:flex}.step{align-items:flex-start;gap:.75rem;display:flex}.step-number{background:var(--accent);width:1.5rem;height:1.5rem;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:600;display:grid}.step-body{flex-direction:column;gap:.4rem;display:flex}.step-label{color:var(--ink-muted);margin:0;font-size:.9rem}.file-picker{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.file-picker-button{display:inline-flex}.file-picker-name{color:var(--ink-muted);font-size:.85rem}.centered{text-align:center;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.centered p{max-width:32rem}.worklist-group{margin-bottom:1.5rem}.worklist-heading{align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:1rem;display:flex}.worklist-count{color:var(--ink-muted);background:#0f6d991a;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:600}.worklist{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.worklist-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;display:flex}.worklist-item a{align-items:baseline;gap:.6rem;min-width:0;text-decoration:none;display:flex}.worklist-section{color:var(--ink);font-weight:600}.worklist-gloss{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.worklist-age{color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.8rem}.worklist-back{margin-top:1.25rem;font-size:.9rem}.claim{max-width:34rem;margin:1rem auto}.claim-hint{color:var(--ink-muted);font-size:.9rem}.token-reveal{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.token-reveal code{overflow-wrap:anywhere;background:0 0;flex:1;min-width:0;padding:0}@media (width<=640px){.page{width:100%;padding:1rem .9rem 3rem}.page-header-inner{width:100%;padding:.75rem .9rem}.meta-bar{flex-direction:column;align-items:stretch}.field select{width:100%;min-width:0}.icon-button,.button{min-height:2.5rem}.actions-buttons{flex-direction:column;align-items:stretch}.file-picker{flex-direction:column;align-items:flex-start}}.facial-qa__header h2{margin:0 0 .25rem}.facial-qa__progress{color:#4a5b63;margin:0 0 1rem;font-size:.9rem}.facial-qa__error{color:#a2241f}.facial-qa__queue{gap:.5rem;max-height:16rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid;overflow-y:auto}.facial-qa__queue button{cursor:pointer;text-align:left;background:#fff;border:1px solid #cfdce2;border-radius:6px;justify-content:space-between;align-items:baseline;gap:1rem;width:100%;padding:.6rem .8rem;display:flex}.facial-qa__queue button[aria-current=true]{border-color:#2b6ea3;box-shadow:inset 0 0 0 1px #2b6ea3}.facial-qa__queue span{color:#64757d;font-size:.85rem}.facial-qa__detail h3{margin:0 0 .75rem}.facial-qa__actions{gap:.75rem;margin-top:1rem;display:grid}.facial-qa__actions label{gap:.25rem;font-size:.9rem;display:grid}.facial-qa__actions input{border:1px solid #cfdce2;border-radius:6px;padding:.5rem}.facial-qa__buttons{flex-wrap:wrap;gap:.75rem;display:flex}.facial-qa__buttons button{cursor:pointer;border:1px solid #cfdce2;border-radius:6px;padding:.6rem 1rem}.facial-qa__buttons button:first-child{color:#fff;background:#1f7a4d;border-color:#1f7a4d}.facial-qa__buttons button:disabled{opacity:.5;cursor:not-allowed}
