:root{--bg: #0c0e12;--surface: #141820;--surface2: #1c222d;--border: #2a3344;--text: #e8eaef;--muted: #8b95a8;--accent: #3d9cf5;--accent-dim: #2563a8;--danger: #e85d5d;--radius: 10px;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45}#root{min-height:100vh}a{color:var(--accent)}.app{max-width:1180px;margin:0 auto;padding:1.75rem 1.25rem 3rem}h1{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .35rem}.sub{color:var(--muted);margin:0 0 1.75rem;max-width:52rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;margin-bottom:1.25rem}.panel h2{font-size:1rem;font-weight:600;margin:0 0 .85rem;color:var(--text)}.row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end;margin-bottom:.75rem}.row:last-child{margin-bottom:0}label.field{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--muted)}label.field span.cap{text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}input[type=text],input[type=number],input[type=url],select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.45rem .65rem;font-family:inherit;font-size:.95rem;min-width:12rem}input[type=number]{font-family:var(--mono);min-width:5rem}input:focus,select:focus{outline:2px solid var(--accent-dim);outline-offset:1px}button{font-family:inherit;font-size:.88rem;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);padding:.5rem .85rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent-dim);background:#222a38}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#061018}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.ghost{background:transparent}button.danger{border-color:#5c2a2a;color:var(--danger)}.tg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.4rem 1rem;max-height:220px;overflow-y:auto;padding:.25rem 0}.tg-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem}.tg-item code{font-family:var(--mono);font-size:.78rem;color:var(--accent);flex-shrink:0}.calls-wrap{overflow-x:auto;margin-top:.75rem}table.calls{width:100%;border-collapse:collapse;font-size:.86rem}table.calls th,table.calls td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid var(--border)}table.calls th{color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}table.calls tr:hover td{background:#3d9cf50f}table.calls tr.selected td{background:#3d9cf51f}.mono{font-family:var(--mono);font-size:.82rem}.err{color:var(--danger);font-size:.88rem;margin-top:.5rem}.composition-list{list-style:none;margin:0;padding:0}.composition-list li{display:grid;grid-template-columns:1fr auto auto auto auto;gap:.5rem .65rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--border)}@media (max-width: 720px){.composition-list li{grid-template-columns:1fr}}.comp-label{font-size:.88rem}.comp-actions{display:flex;flex-wrap:wrap;gap:.35rem}audio{width:100%;max-width:420px;margin-top:.5rem}.saved-list{list-style:none;padding:0;margin:.5rem 0 0}.saved-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.hint{font-size:.8rem;color:var(--muted);margin-top:.35rem}.search-tg{width:100%;max-width:24rem;margin-bottom:.65rem}.range-select{margin-top:1rem;margin-bottom:.75rem;padding:.85rem 1rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius)}.range-select h3{font-size:.95rem;margin:0 0 .65rem;font-weight:600}.range-select-msg{margin-top:.5rem;font-size:.88rem;color:var(--muted)}label.field.realtime-scale{flex:1;min-width:min(100%,22rem)}label.field.realtime-scale input[type=range]{width:100%;min-width:12rem;accent-color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#05080ec7;display:flex;flex-direction:column;align-items:stretch}.modal-frame{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg);box-shadow:0 0 0 1px var(--border)}.modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface)}.modal-header h2{margin:0;font-size:1.2rem;font-weight:700}.modal-close{font-size:1.75rem;line-height:1;padding:.2rem .65rem;border-radius:8px}.modal-body{flex:1;overflow-y:auto;padding:1rem 1.25rem 2rem;-webkit-overflow-scrolling:touch}.modal-panel{margin-bottom:1rem}.modal-panel:last-child{margin-bottom:0}.modal-panel h3{font-size:1rem;margin:0 0 .75rem}.modal-launch .modal-launch-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem}.range-select h4{font-size:.95rem;margin:0 0 .65rem;font-weight:600}.merge-progress{margin-top:.85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);overflow:hidden}.merge-progress-bar{height:6px;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .2s ease-out}.merge-progress-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;font-size:.82rem;color:var(--muted)}.merge-progress-eta{font-family:var(--mono);color:var(--text)}