*,:after,:before{box-sizing:border-box}.app-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #94a3b824;border-radius:18px;box-shadow:0 14px 34px #0f172a14;margin:0 auto;overflow:hidden;padding:20px;width:100%}.header-row{grid-row-gap:10px;align-items:center;display:grid;grid-template-columns:1fr;justify-items:center;margin-bottom:14px;row-gap:10px;text-align:center}.title{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.25;margin:0}.controls-right{flex-wrap:wrap;gap:10px}.controls-right,.model-pill{align-items:center;display:inline-flex;justify-content:center}.model-pill{background:#eef6ff;border:1px solid #bfdbfe;border-radius:999px;gap:8px;height:36px;min-width:140px;padding:0 14px;position:relative}.fixed-model{padding-right:34px}.model-pill.disabled{opacity:.6}.model-pill-label{color:#1e40af;font-size:.95rem;font-weight:700;line-height:1}.model-pill-select{-webkit-appearance:none;appearance:none;background:#0000;border:0;color:#1e40af;font-size:.95rem;font-weight:600;height:100%;outline:none;padding-right:34px}.model-pill-caret{color:#1e40af;font-size:.85rem;pointer-events:none;position:absolute;right:28px}.model-doc-btn{border-radius:6px;bottom:5px;justify-content:center;line-height:1;opacity:.55;padding:2px;position:absolute;right:6px;text-decoration:none}.model-doc-btn,.toggle-switch{align-items:center;color:#1e40af;display:inline-flex}.toggle-switch{--h:20px;--w:34px;--pad:2px;--thumb:calc(var(--h) - var(--pad)*2);--on-bg:#22c55e;--off-bg:#e5e7eb;--thumb-bg:#fff;background:#0000;border:0;cursor:pointer;gap:8px;padding:0}.toggle-switch.disabled{cursor:not-allowed;opacity:.6}.toggle-track{background:var(--off-bg);border-radius:999px;box-shadow:inset 0 0 0 1px #0000000f;height:var(--h);position:relative;transition:background .2s ease;width:var(--w)}.toggle-thumb{background:var(--thumb-bg);border-radius:50%;box-shadow:0 1px 2px #0000001f,0 2px 6px #00000014;height:var(--thumb);left:var(--pad);position:absolute;top:var(--pad);transition:transform .22s ease;width:var(--thumb)}.toggle-switch.on .toggle-track{background:var(--on-bg)}.toggle-switch.on .toggle-thumb{transform:translateX(calc(var(--w) - var(--thumb) - var(--pad)*2))}.toggle-label{color:#334155;font-size:.9rem;font-weight:600}.audio-matcher{grid-row-gap:8px;display:grid;justify-items:center;row-gap:8px;width:100%}.buttons{display:flex;gap:10px;justify-content:center;margin:10px 0 6px}.start-btn,.stop-btn{align-items:center;border:0;border-radius:10px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:10px 14px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.start-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 22px #22c55e38;color:#fff}.start-btn:disabled{background:#a7f3d0;box-shadow:none;cursor:not-allowed}.stop-btn{background:linear-gradient(135deg,#fb7185,#ef4444);box-shadow:0 10px 22px #ef44442e;color:#fff}.stop-btn:disabled{background:#fecaca;box-shadow:none;cursor:not-allowed}.start-btn:not(:disabled):hover,.stop-btn:not(:disabled):hover{transform:translateY(-1px)}.status{background:#fee2e2;border-radius:999px;color:#b91c1c;font-size:.92rem;font-weight:700;margin:4px 0 12px;padding:8px 12px;text-align:center}.status.on{background:#dcfce7;color:#15803d}.segments{grid-gap:10px;display:grid;gap:10px;margin:0 auto;max-width:720px;width:100%}.segment-empty{color:#6b7280;font-size:1rem;padding:14px;text-align:center}.segment-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 6px 16px #0f172a0a;overflow:hidden;padding:12px}.segment-info{background:#f8fbff;border-color:#bfdbfe}.seg-header{gap:10px}.seg-title{color:#111827;font-size:1.05rem;font-weight:700}.pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#475569;font-size:.95rem;padding:4px 8px}.icon-btn{align-items:center;background:#f8fbff;border:1px solid #dbeafe;border-radius:8px;color:#2563eb;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.seg-body{grid-gap:10px;display:grid;gap:10px;margin-top:12px}.info-row,.matches,.predicted{color:#374151;font-size:.95rem}.matches ul{margin:6px 0 0;padding-left:18px}.mono{font-family:Consolas,Courier New,monospace}.raw-json-wrap{border-radius:10px;margin-top:4px;overflow:hidden}.raw-json{background:#0f172a;color:#dbeafe;font-size:.85rem;margin:0;overflow-x:auto;padding:12px}.app-container{align-items:center;background:radial-gradient(circle at top left,#a4cafe73,#0000 30%),linear-gradient(160deg,#eaf6ff,#f6fbff 48%,#f4f9ff);display:flex;justify-content:center;min-height:100vh;padding:2rem}.card{background:#fff;border:1px solid #94a3b82e;border-radius:24px;box-shadow:0 22px 50px #0f172a1a;max-width:560px;padding:2.5rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.card:hover{box-shadow:0 26px 60px #0f172a1f;transform:translateY(-4px)}.card h1{color:#1e293b;font-size:2rem;margin:0 0 1rem;text-align:center}.description{color:#475569;font-size:1rem;line-height:1.6;margin:0 0 .75rem;text-align:center}.description.subtle{color:#64748b;font-size:.95rem}.description.subtle,.input-group{margin-bottom:1.5rem}.input-group label{color:#334155;display:block;font-weight:600;margin-bottom:.5rem}.input-group input,.input-group select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#1f2937;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-group input:focus,.input-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f629;outline:none}.footer{color:#94a3b8;font-size:.85rem;margin-top:1.5rem;text-align:center}body{background:linear-gradient(135deg,#e0f2fe,#f5e0ff);font-family:Arial,sans-serif;margin:0}.seg-header{flex-wrap:wrap;font-size:.95rem;font-weight:500;gap:8px}.seg-header,.seg-header span{align-items:center;display:flex}.seg-header span{gap:4px;white-space:nowrap}
/*# sourceMappingURL=main.de1cb91a.css.map*/