.stroke-options{--stroke-accent:#b711c6;flex-direction:column;gap:8px;width:260px;padding:12px;display:flex;position:fixed;top:24px;right:24px}.stroke-options .stroke-options-header{justify-content:space-between;align-items:center;display:flex}.stroke-options .stroke-options-header>div{flex-direction:column;gap:2px;display:flex}.stroke-options .stroke-options-title{color:#111827eb;font-size:14px;font-weight:600}.stroke-options .stroke-options-context{color:#11182780;font-size:12px}.stroke-options .stroke-options-reset{appearance:none;color:var(--stroke-accent);cursor:pointer;background:#b711c617;border:0;border-radius:6px;padding:4px 7px;font-size:12px;font-weight:600}.stroke-options .stroke-options-reset:hover:not(:disabled){background:#b711c624}.stroke-options .stroke-options-reset:disabled{color:#1118274d;cursor:default;background:#1118270a}.stroke-options .stroke-option-row{grid-template-columns:72px minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.stroke-options label{color:#111827d1;font-size:13px;font-weight:500;line-height:1.2}.stroke-options output{color:#1118279e;font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.stroke-options .stroke-option-row--checkbox{grid-template-columns:minmax(0,1fr) 18px 30px}.stroke-options .stroke-option-row--checkbox input{accent-color:var(--stroke-accent);justify-self:start}.stroke-options .stroke-option-row--checkbox input:disabled{cursor:not-allowed;opacity:.42}.stroke-options .range{height:24px}
.timeline-shell{--timeline-accent:183 17 198;--timeline-ink:17 24 39;--timeline-item-border-width:1px;--timeline-item-divider:rgb(var(--timeline-ink) / 28%);--timeline-segment-divider:rgb(var(--timeline-ink) / 14%);--timeline-surface:white;--timeline-header-height:28px;z-index:10;bottom:var(--floating-controls-inset);left:var(--floating-controls-inset);right:var(--floating-controls-inset);position:fixed}.timeline{overscroll-behavior-x:contain;transition:transform .3s;overflow-x:auto;transform:translateY(0)}.timeline-shell[data-visible=false] .timeline{transform:translateY(calc(100% + var(--floating-controls-inset)));pointer-events:none}.timeline-zoom-controls{z-index:2;opacity:1;gap:2px;padding:2px;transition:opacity .2s,transform .3s;display:flex;position:absolute;bottom:calc(100% + 4px);right:0}.timeline-shell[data-visible=false] .timeline-zoom-controls{opacity:0;pointer-events:none;transform:translateY(12px)}.timeline-zoom-controls button{width:28px;height:28px;color:rgb(var(--timeline-ink) / 72%);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.timeline-zoom-controls button:hover:not(:disabled){color:rgb(var(--timeline-ink) / 86%);background:rgb(var(--timeline-ink) / 6%)}.timeline-zoom-controls button:focus-visible{outline:2px solid rgb(var(--timeline-ink) / 46%);outline-offset:-2px}.timeline-zoom-controls button:disabled{opacity:.28;cursor:default}.timeline-content{width:max-content;min-width:100%}.timeline-items{width:max-content;min-width:100%;height:var(--timeline-height);display:flex;position:relative}.timeline-item{z-index:0;box-sizing:content-box;grid-template-rows:var(--timeline-header-height) 1fr;height:100%;border-inline:var(--timeline-item-border-width) solid var(--timeline-item-divider);flex:none;margin-inline-start:calc(-1 * var(--timeline-item-border-width));transition:opacity .15s,filter .15s;display:grid;position:relative}.timeline-drop-target:first-child+.timeline-item{margin-inline-start:0}.timeline-item[data-selected]{z-index:1}.timeline-item[data-dragging]{z-index:2}.timeline-item-header,.timeline-item-track{width:100%;min-width:0}.timeline-item-header{color:rgb(var(--timeline-ink) / 62%);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;border-bottom:1px solid #0000000f;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;font-size:11px;display:grid}.timeline-item-track{min-height:0;display:grid}.timeline-items[data-has-selection] .timeline-item:not([data-selected]){opacity:.38}.timeline-items[data-dragging] .timeline-item{opacity:.42;filter:grayscale()}.timeline-items[data-dragging] .timeline-item[data-dragging]{opacity:1;filter:none}.timeline-item-order{justify-self:start;padding-left:8px}.timeline-item-drag-handle{width:30px;height:24px;color:rgb(var(--timeline-ink) / 42%);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:4px;justify-self:center;place-items:center;padding:0;display:grid}.timeline-item-drag-handle:hover{color:rgb(var(--timeline-ink) / 72%);background:rgb(var(--timeline-ink) / 6%)}.timeline-item-drag-handle:active{cursor:grabbing}.timeline-item-drag-handle:focus-visible{color:rgb(var(--timeline-ink) / 72%);outline:2px solid rgb(var(--timeline-ink) / 46%);outline-offset:-2px}.timeline-item-drag-grip{background:radial-gradient(circle,currentColor 1.25px,#0000 1.5px) 0 0/6px 5px;width:18px;height:10px}.timeline-item-selection{opacity:0;width:14px;height:14px;accent-color:rgb(var(--timeline-accent));cursor:pointer;justify-self:center;margin:0;transition:opacity .12s}.timeline-item-header:hover .timeline-item-selection,.timeline-item-header:focus-within .timeline-item-selection,.timeline-item-selection:checked{opacity:1}.delay-segment,.entry{flex:none;min-width:0;height:100%}.delay-segment{border-right:var(--timeline-item-border-width) dotted var(--timeline-segment-divider);background:repeating-linear-gradient(45deg, transparent 0 6px, rgb(var(--timeline-ink) / 10%) 6px 7px);justify-content:center;align-items:center;display:flex;position:relative}.delay-duration{color:rgb(var(--timeline-ink) / 58%);font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px}.delay-segment[data-duration="0"]{background:0 0}.delay-segment[data-duration="0"] .delay-duration{opacity:.34}.entry{z-index:0;background:var(--timeline-surface);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;border-top:0;border-bottom:0;border-left:0;border-radius:0;position:relative}.entry[data-active]{z-index:1}.entry-preview{pointer-events:none;width:36px;max-width:calc(100% - 12px);height:36px;padding:4px;display:block;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.entry-preview path{fill:rgb(var(--timeline-accent));opacity:.78}.entry-duration{z-index:1;color:rgb(var(--timeline-ink) / 68%);font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffffffc7;border-radius:3px;padding:2px 4px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-resize-handle{--timeline-resize-handle-color:rgb(var(--timeline-accent));z-index:2;appearance:none;opacity:0;background:var(--timeline-surface);cursor:ew-resize;pointer-events:none;touch-action:none;border:0;border-radius:4px;width:14px;padding:0;display:block;position:absolute;top:7px;bottom:7px;right:5px}.timeline-resize-handle:after{content:"";background:var(--timeline-resize-handle-color);border-radius:999px;width:2px;position:absolute;top:7px;bottom:7px;left:6px}.delay-segment .timeline-resize-handle{--timeline-resize-handle-color:rgb(var(--timeline-ink) / 46%)}.timeline-resize-handle:focus-visible{outline:2px solid var(--timeline-resize-handle-color);outline-offset:1px}@media (hover:hover) and (pointer:fine){.entry:hover .timeline-resize-handle,.entry:focus-within .timeline-resize-handle,.delay-segment:hover .timeline-resize-handle,.delay-segment:focus-within .timeline-resize-handle{opacity:1;pointer-events:auto}}@media (hover:none),(pointer:coarse){.entry[data-active] .timeline-resize-handle,.delay-segment .timeline-resize-handle{opacity:1;pointer-events:auto}}.timeline-drop-target{z-index:5;pointer-events:none;flex:0 0 0;width:0;height:100%;position:relative}.timeline-drop-target:before{content:"";background:rgb(var(--timeline-accent));border-radius:999px;width:0;height:100%;transition:width .12s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #fffc}.timeline-drop-target[data-active]:before{width:3px}.timeline-drop-target[data-edge=start]:before{left:0;transform:none}.timeline-drop-target[data-edge=end]:before{left:0;transform:translate(-100%)}.timeline-drag-preview{z-index:1000;outline:1px solid rgb(var(--timeline-ink) / 24%);width:64px;height:40px;box-shadow:0 6px 18px rgb(var(--timeline-ink) / 18%);pointer-events:none;background:#fffffff0;border-radius:7px;display:flex;position:fixed;overflow:hidden;transform:translate(12px,12px)}.timeline-drag-preview-delay{border-right:1px dotted rgb(var(--timeline-ink) / 28%);background:repeating-linear-gradient(45deg, transparent 0 5px, rgb(var(--timeline-ink) / 10%) 5px 6px);flex:none;width:16px}.timeline-drag-preview svg{flex:1;width:auto;min-width:0;height:100%;padding:4px;display:block}.timeline-drag-preview path{fill:rgb(var(--timeline-ink) / 72%);opacity:.82}