#timeline-v7{width:min(1040px,95vw);max-height:94dvh;border:1px solid #43605e;border-radius:14px;background:#15262f;color:#e4edf0;padding:0;box-sizing:border-box}#timeline-v7::backdrop{background:#051018bc;backdrop-filter:blur(5px)}#timeline-v7 header,#timeline-v7 footer{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1a3038}#timeline-v7 h2{margin:5px 0;font-size:22px}#timeline-v7 small,#timeline-v7 .timeline-fine{font-size:12px;color:#9cb3ba}#timeline-v7 main{padding:20px 24px;overflow:auto;max-height:calc(94dvh - 165px)}#timeline-v7 p{line-height:1.6}#timeline-v7 button{border:1px solid #456663;border-radius:5px;background:#203d42;color:#e9f5f2;padding:8px 12px;cursor:pointer}#timeline-v7 button:hover{border-color:#9be7c3}#timeline-v7 button:disabled{opacity:.5;cursor:wait}#timeline-v7 input,#timeline-v7 select,#timeline-v7 textarea{display:block;box-sizing:border-box;width:100%;min-width:0;padding:9px;border:1px solid #3f5b65;border-radius:5px;background:#10232b;color:#e7f5ed}#timeline-v7 label{display:block;font-size:12px;color:#aac1ca;min-width:0}#timeline-v7 pre,#timeline-v7 textarea{font:12px/1.5 Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}#timeline-v7 textarea{min-height:220px}#timeline-v7 details{margin:12px 0}#timeline-v7 summary{cursor:pointer}.timeline-meta,.timeline-selected{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.timeline-meta label{flex:1}.timeline-graph{max-height:380px;overflow:auto;padding:15px 20px 10px;background:#0c1c25;border:1px solid #34515a;border-radius:8px}.timeline-scale{margin-left:100px;display:flex;justify-content:space-between;color:#8faeb8;font:11px monospace}.timeline-lane{display:flex;align-items:center;min-height:58px;gap:12px}.timeline-label{width:88px;flex-shrink:0;font-size:13px}.timeline-label small{display:block}.timeline-track{position:relative;flex:1;height:42px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#24404d calc(10% - 1px),#24404d 10%);border-bottom:1px solid #36545f;touch-action:none}#timeline-v7 .timeline-dot{position:absolute;top:8px;transform:translateX(-50%);padding:0;width:21px;height:26px;min-width:0;line-height:24px;border:0;background:#1f4248;color:#9ce4c3;border-radius:5px;cursor:ew-resize;touch-action:none}#timeline-v7 .timeline-dot:focus-visible{outline:2px solid white;z-index:2}.timeline-forms{display:grid;grid-template-columns:1fr 1fr;gap:18px}.timeline-forms section{border:1px solid #34515a;border-radius:8px;padding:16px}.timeline-forms h3{margin-top:0}.timeline-forms label{margin:10px 0}.timeline-pair{display:flex;gap:10px}.timeline-pair label{flex:1}.timeline-selected{padding:12px 0}.timeline-selected strong{flex-basis:100%;font-size:13px}#timeline-error{color:#ffb4a5;min-height:20px}#timeline-v7 footer span{font-size:12px;color:#abc0c5;margin-right:auto}#timeline-v7 footer button[data-tl=apply]{background:#9be6c1;color:#10362b;font-weight:700}@media(max-width:620px){#timeline-v7 header,#timeline-v7 footer,#timeline-v7 main{padding:14px}#timeline-v7 footer{flex-wrap:wrap}#timeline-v7 footer span{flex-basis:100%}#timeline-v7 main{max-height:calc(94dvh - 205px)}.timeline-forms{grid-template-columns:1fr}.timeline-label{width:66px}.timeline-scale{margin-left:78px}.timeline-graph{padding:10px 14px}.timeline-meta label{min-width:100px}.timeline-selected button{flex:1}#timeline-v7 h2{font-size:19px}}