*,:after,:before{box-sizing:border-box}:root{--app-max:860px}canvas,img,svg,video{height:auto;max-width:100%}.app-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000000f;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0 auto;max-width:860px;max-width:var(--app-max);overflow:hidden;padding:20px;width:min(100%,860px);width:min(100%,var(--app-max))}.header-row{grid-row-gap:10px;align-items:center;display:grid;grid-template-columns:1fr;justify-items:center;margin-bottom:14px;max-width:100%;row-gap:10px;text-align:center}.title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.25;margin:0}.controls-right{flex-direction:row;flex-wrap:wrap;gap:10px}.controls-right,.model-pill,.toggle-pill{align-items:center;display:inline-flex;justify-content:center;max-width:100%}.model-pill,.toggle-pill{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;box-sizing:border-box;gap:8px;height:36px;min-width:140px;padding:0 14px;position:relative}.model-pill.disabled,.toggle-pill.disabled{cursor:not-allowed;opacity:.6}.model-pill-select{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;color:#1e40af;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;height:100%;line-height:1;min-width:0;outline:none;padding-right:34px}.model-pill-caret{color:#1e40af;font-size:.85rem;pointer-events:none;position:absolute;right:28px}.model-doc-btn{align-items:center;border-radius:6px;bottom:5px;color:#1e40af;display:inline-flex;justify-content:center;line-height:1;opacity:.55;outline:none;padding:2px;position:absolute;right:6px;text-decoration:none;transition:opacity .12s ease,transform .12s ease,background-color .12s ease}.model-doc-btn:focus-visible,.model-doc-btn:hover{background:#0000000f;opacity:.9;transform:translateY(-1px)}.model-pill.disabled .model-doc-btn{opacity:.35;pointer-events:none}.toggle-switch{--h:20px;--w:34px;--pad:2px;--thumb:calc(var(--h) - var(--pad)*2);--on-bg:#22c55e;--off-bg:#e5e7eb;--thumb-bg:#fff;align-items:center;background:#0000;border:0;color:#1e40af;cursor:pointer;display:inline-flex;font:inherit;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:#1e40af;font-size:.9rem;font-weight:600}.toggle-pill{flex-direction:row;justify-content:space-between}.buttons{display:flex;gap:10px;justify-content:center;margin:10px 0 6px;min-width:0}.start-btn,.stop-btn{align-items:center;border:0;border-radius:10px;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:1rem;font-weight:600;gap:8px;padding:10px 14px}.start-btn{background:#22c55e;color:#fff}.start-btn:disabled{background:#a7f3d0;cursor:not-allowed}.stop-btn{background:#f87171;color:#fff}.stop-btn:disabled{background:#fecaca;cursor:not-allowed}.status{color:#374151;font-size:.98rem;font-weight:600;margin:2px 0 12px;text-align:center}.status.on{color:#16a34a}.status.off{color:#b91c1c}.audio-matcher{grid-row-gap:8px;display:grid;justify-items:center;max-width:100%;row-gap:8px;width:100%}.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:#fafafa;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:12px}.segment-info{background:#f0f9ff;border-color:#bae6fd}.seg-header{gap:10px;justify-content:flex-start;min-width:0}.seg-title{color:#111827;font-size:1.05rem;font-weight:700;min-width:0}.pill,.seg-header>span{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#374151;font-size:.95rem;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:#eef2ff;border:0;border-radius:8px;color:#3730a3;cursor:pointer;margin-left:auto;padding:6px 8px}.icon-btn+.icon-btn{margin-left:6px}.seg-body{margin-top:10px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.raw-json-wrap{background:#0b1020;border:1px solid #e5e7eb;border-radius:10px;margin-top:10px;max-height:260px;overflow:auto;padding:10px}.raw-json{color:#e5e7eb;font-size:.85rem;line-height:1.35;margin:0;max-width:100%;overflow-x:auto;white-space:pre}.tag-row{align-items:center;display:flex;flex-direction:column;gap:10px;margin:16px 0 20px;text-align:center}.tag-row-label{color:#1f2937;font-size:.95rem;font-weight:600}.tag-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:100%}.tag-pill{background:#f9fafb;border:1px solid #d1d5db;border-radius:999px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 14px;transition:all .18s ease}.tag-pill:hover:not(:disabled){background:#e0f2fe;border-color:#38bdf8;color:#0369a1}.tag-pill.active{background:#dbeafe;border-color:#2563eb;color:#1e3a8a;font-weight:600}.tag-list.disabled .tag-pill{opacity:.55;pointer-events:none}@media (max-width:640px){.controls-right{flex-wrap:wrap;justify-content:center;row-gap:8px;width:100%}.title{margin-bottom:2px;width:100%}}.app-container{align-items:center;background-color:#e9f4fb;display:flex;justify-content:center;min-height:100vh;padding:2rem}.card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000001a;max-width:500px;padding:2.5rem;transition:transform .2s ease;width:100%}.card:hover{transform:translateY(-5px)}.card h1{color:#333;font-size:2rem;margin:0 0 1rem;text-align:center}.description{color:#555;font-size:1rem;margin:0 0 1.5rem;text-align:center}.input-group{margin-bottom:1.5rem}.input-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.input-group input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-group input:focus{border-color:#5aaeff;box-shadow:0 0 8px #5aaeff80;outline:none}.footer{color:#999;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.3a3329aa.css.map*/