.native-tool.atr{min-height:0}.atr .ui-select,.atr .atr-time-input{min-height:44px;font-size:1rem}.atr .atr-time-input{font-variant-numeric:tabular-nums}.atr-file{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);color:var(--accent-indigo);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.atr-file-text{flex-direction:column;flex:1;min-width:0;display:flex}.atr-file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.atr-file-meta{color:var(--text-secondary);font-size:.8rem}.atr-wave-card{border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--bg-card);padding:1rem 1.25rem .75rem}.atr-wave{touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;height:140px;position:relative}.atr-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.atr-wave.is-reading .atr-canvas{opacity:.3}.atr-wave-status{color:var(--text-secondary);pointer-events:none;place-items:center;font-size:.875rem;display:grid;position:absolute;inset:0}.atr-shade{background:var(--bg-secondary);opacity:.55;pointer-events:none;position:absolute;top:0;bottom:0}.atr-playhead{background:var(--text-primary);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.atr-handle{cursor:ew-resize;touch-action:none;z-index:2;outline:none;justify-content:center;align-items:center;width:44px;margin-left:-22px;display:flex;position:absolute;top:-6px;bottom:-6px}.atr-handle-bar{background:var(--accent-indigo);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0;left:50%}.atr-handle-grip{border-radius:var(--radius-full);background:var(--accent-indigo);width:14px;height:34px;box-shadow:0 0 0 2px var(--bg-card-solid);position:relative}.atr-handle:focus-visible .atr-handle-grip{box-shadow:0 0 0 2px var(--bg-card-solid), 0 0 0 4px var(--accent-indigo)}.atr-handle:active{z-index:3}.atr-ruler{color:var(--text-secondary);font:.75rem var(--font-mono);justify-content:space-between;margin-top:.5rem;display:flex}.atr-controls{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1rem 1.5rem;display:grid}.atr-transport{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.atr-play{background:var(--accent-indigo);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:52px;height:52px;transition:background .15s,transform .1s;display:grid}.atr-play.is-playing{background:var(--accent-violet)}.atr-play:active{transform:scale(.95)}.atr-play:disabled{opacity:.5;cursor:not-allowed}.atr-play:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:3px}.atr-transport .ui-btn-sm{min-height:40px}.atr-times{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}.atr-length{flex-direction:column;gap:.35rem;display:flex}.atr-length-value{min-height:44px;color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.atr-output{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}.atr-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.atr-actions .btn{min-height:46px}.atr-progress{max-width:420px}.atr-result{border-radius:var(--radius-md);background:#10b9810f;border:1px solid #10b9814d;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1rem;display:flex}.atr-result.is-stale{border-color:var(--border-input);background:var(--bg-card)}.atr-result-head{flex-direction:column;flex:200px;min-width:0;display:flex}.atr-result-name{color:var(--text-primary);overflow-wrap:anywhere;font-weight:600}.atr-result-audio{flex:260px;min-width:0;height:40px}@media (width<=760px){.atr-controls{grid-template-columns:minmax(0,1fr)}.atr-output{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.atr-output>:first-child{grid-column:1/-1}}@media (width<=600px){.native-tool.atr{padding:1rem}.atr-wave-card{padding:.75rem 1.4rem .6rem}.atr-wave{height:110px}.atr-times{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.atr-length{flex-direction:row;grid-column:1/-1;align-items:center;gap:.6rem}.atr-length-value{min-height:0}.atr-actions .btn{width:100%}}