.timeline-toolbar{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin:16px 0 12px}.timeline-toolbar .button{min-height:42px}.timeline-waveform{display:block;width:100%;height:52px;border:1px solid var(--line);border-bottom:0;border-radius:5px 5px 0 0;touch-action:none;cursor:crosshair}#editor-canvas{border-radius:0 0 5px 5px;touch-action:none;cursor:crosshair}#editor-canvas:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.timeline-inspector{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:5px;background:#121a16}.timeline-selection{font-size:11px;font-weight:600;letter-spacing:.25px;color:var(--mint);overflow-wrap:anywhere;margin:0 0 15px}.timeline-fields{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.timeline-inspector .control{min-width:0}.timeline-inspector input,.timeline-inspector select,.timeline-toolbar input,.timeline-toolbar select{width:100%;min-width:0}.timeline-fields .button{min-height:42px}.timeline-operations{display:flex;flex-wrap:wrap;align-items:end;gap:9px;margin-top:15px}.timeline-operations .control{max-width:150px}.timeline-navigation{border-top:1px solid var(--line);padding-top:14px}.timeline-help{font-size:10px;line-height:1.9;color:var(--muted);margin:16px 0 0}.timeline-inspector .button:disabled,.timeline-toolbar .button:disabled{opacity:.35;cursor:not-allowed}.timeline-pattern{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.timeline-pattern>strong{display:block;font-size:11px;font-weight:500;color:var(--coral);margin-bottom:10px}.timeline-pattern-controls{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:10px;align-items:end}.timeline-pattern-controls .button{min-height:42px}
@media(max-width:700px){.timeline-fields,.timeline-pattern-controls{grid-template-columns:1fr 1fr}.timeline-fields .button,.timeline-pattern-controls .button{width:100%}.timeline-inspector{padding:14px}.timeline-toolbar{grid-template-columns:1fr 1fr}.timeline-toolbar>.button{grid-column:1/-1;min-height:34px}.timeline-operations{gap:8px}.timeline-operations .button{font-size:10px;padding:9px 10px}.timeline-operations .control{max-width:100%;flex-basis:100%}.timeline-help{font-size:10px}}