.tool-recorder>*{min-width:0}.rec-startbox{gap:12px;display:grid}.rec-start{font-size:19px}.rec-live{border:2px solid var(--t-err,#b91c1c);border-radius:var(--t-radius,12px);gap:10px;padding:12px;display:grid}.tool-recorder.is-paused .rec-live{border-color:var(--t-border,#dde3ea)}.rec-live__top{align-items:center;gap:12px;display:flex}.rec-dot{background:var(--t-err,#b91c1c);border-radius:50%;flex:none;width:14px;height:14px;animation:1s steps(2,start) infinite rec-blink}.tool-recorder.is-paused .rec-dot{opacity:.35;animation:none}@keyframes rec-blink{to{visibility:hidden}}.rec-timer{font-variant-numeric:tabular-nums;min-width:3.2em;font-size:32px;font-weight:700}.rec-meter{flex:1}.rec-graph{background:var(--t-surface,#f5f7fa);border-radius:10px;width:100%;height:64px;display:block}.rec-btn{min-width:120px}.rec-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rec-list:empty{display:none}.rec-item{border:1px solid var(--t-border,#dde3ea);border-radius:10px;padding:10px 12px}.rec-item.is-open{border-color:var(--t-accent,#2563eb)}.rec-item__head{align-items:center;gap:8px;display:flex}.rec-item__text{flex:1;min-width:0;display:grid}.rec-item__name{font-weight:600}.rec-item__meta{color:var(--t-muted,#5d6b7c);font-variant-numeric:tabular-nums;font-size:14px}.rec-item__body{gap:12px;margin-top:12px;display:grid}.rec-item__body>*{min-width:0}.rec-del{min-width:44px;padding:8px 12px}.rec-marks:empty{display:none}@media (max-width:520px){.rec-btn{flex:40%;min-width:0}.rec-timer{font-size:28px}.rec-item__head{flex-wrap:wrap}.rec-item__text{flex-basis:100%}.rec-item__head .tool-btn{flex:1 1 0}}