.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:60px 40px;text-align:center;cursor:pointer;background:var(--panel);transition:all .2s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:var(--panel-2)}.drop-zone h2{margin:0 0 10px 0}.drop-zone p{margin:6px 0;color:var(--muted)}.drop-zone .filename{color:var(--accent);font-weight:bold;margin-top:10px}.drop-zone .progress{margin-top:15px;color:var(--accent)}.drop-zone .progress.blink,.blink{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.spinner{display:inline-block;width:28px;height:28px;background:url("/static/vendor/loading.gif") center/contain no-repeat;vertical-align:middle;margin-right:8px}.cir-hidden{display:none !important}.cir-error{background:rgba(220,60,60,.12);border:1px solid rgba(220,60,60,.4);color:#ffb3b3;padding:10px 14px;border-radius:var(--radius);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.cir-error button{background:rgba(0,0,0,0);border:0;color:inherit;cursor:pointer;font-size:18px}.cir-panel{margin:24px 0;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.cir-panel h3{margin:0 0 12px;font-size:16px;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.cir-panel h4{margin:0 0 6px;font-size:14px;color:var(--text)}.cir-hint{margin:4px 0 12px;font-size:13px;color:var(--muted);line-height:1.5}.cir-hint a{color:var(--accent);text-decoration:underline}.cir-hint a:hover{filter:brightness(1.1)}.cir-inspector{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:10px}.cir-metric{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2, rgba(255, 255, 255, 0.02))}.cir-metric-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.cir-metric-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:4px;font-variant-numeric:tabular-nums}.cir-metric-before{color:var(--muted);font-size:14px}.cir-metric-after{color:var(--text);font-size:14px;font-weight:500}.cir-metric-arrow{color:var(--muted);font-size:11px}.cir-warnings{margin-top:14px;display:grid;gap:6px}.cir-warning{padding:8px 12px;border-left:3px solid #f5c57a;background:rgba(240,170,50,.08);color:#f5d8a3;font-size:13px;border-radius:0 var(--radius) var(--radius) 0}.cir-warning.cir-warning-error{border-left-color:#ff9a9a;background:rgba(220,60,60,.1);color:#ffb3b3}.cir-wf-wrapper{width:100%;height:180px;background:rgba(0,0,0,.25);border-radius:var(--radius);overflow:hidden}#cirWaveform{width:100%;height:100%;display:block}.cir-wf-legend{margin-top:8px;display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted)}.cir-wf-legend span::before{content:"";display:inline-block;width:10px;height:2px;margin-right:6px;vertical-align:middle}.cir-wf-legend .cir-leg-peak::before{background:#f5c57a}.cir-wf-legend .cir-leg-trim::before{background:#7be29a}.cir-wf-legend .cir-leg-truncate::before{background:#9ec1ef}.cir-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.cir-ctl{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.cir-ctl-check{flex-direction:row;align-items:center;gap:8px;color:var(--text)}.cir-ctl select,.cir-ctl input[type=text]{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2, rgba(255, 255, 255, 0.02));color:var(--text);font-size:14px;min-width:140px}.cir-text-input{min-width:280px}.cir-btn{padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-size:14px}.cir-btn:hover:not(:disabled){background:var(--panel-2, rgba(255, 255, 255, 0.04));border-color:var(--accent)}.cir-btn:disabled{opacity:.4;cursor:not-allowed}.cir-btn-primary{background:var(--accent);border-color:var(--accent);color:#111}.cir-btn-primary:hover:not(:disabled){filter:brightness(1.1);background:var(--accent);color:#111}.cir-btn-secondary{color:var(--muted)}.cir-di-drop{margin:10px 0 14px;padding:30px 20px}.cir-samples{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}.cir-btn-sample{font-size:13px;padding:6px 12px}.cir-btn-sample.active{background:var(--accent);color:#111;border-color:var(--accent)}.cir-rows{display:flex;flex-direction:column;gap:10px;margin:14px 0}.cir-row{display:grid;grid-template-columns:36px 160px 1fr auto auto;gap:12px;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2, rgba(255, 255, 255, 0.02))}.cir-row.active{border-color:var(--accent)}.cir-row-label{font-size:14px;color:var(--text)}.cir-row-gain{width:100%}.cir-row-gain-value{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;min-width:60px;text-align:right}.cir-row-stale{color:#f5c57a;font-size:16px;line-height:1;cursor:help}.cir-btn-play{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.cir-btn-play svg,.cir-btn-stop svg,.cir-btn-download svg,.cir-row-stale svg{width:16px;height:16px;display:block}.cir-btn-play{color:#7be29a}.cir-btn-play.active{background:rgba(123,226,154,.15);border-color:#7be29a}.cir-btn-play:disabled{color:var(--muted)}.cir-btn-stop{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;color:var(--muted)}.cir-btn-stop:not(:disabled){color:#ff9a9a;border-color:#ff9a9a;background:rgba(220,60,60,.15)}.cir-btn-stop:not(:disabled):hover{background:rgba(220,60,60,.25)}.cir-btn-stop:disabled svg{color:var(--muted)}.cir-btn-download{display:inline-flex;align-items:center;gap:8px}@media(max-width: 720px){.cir-row{grid-template-columns:36px 1fr auto;grid-template-rows:auto auto}.cir-row-label{grid-column:2/4;grid-row:1}.cir-row-gain{grid-column:1/3;grid-row:2}.cir-row-gain-value{grid-column:3/4;grid-row:2}.cir-row-stale{grid-column:3/4;grid-row:1;justify-self:end}}