:root{color:#f4eadc;background:#171411;font-family:Avenir Next Condensed,DIN Condensed,Gill Sans,Trebuchet MS,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: #141d1f;--panel-strong: #2d261f;--line: rgba(244, 234, 220, .14);--text-muted: rgba(244, 234, 220, .62);--black: black;--cream: #f4eadc;--accent: #ff6b35;--angle-guide: rgba(255, 255, 255, .4)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{min-width:320px;margin:0;background:var(--black)}button,input,select{font:inherit}button,input,select,.ring-cell{-webkit-tap-highlight-color:transparent}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,.ring-cell:focus,.ring-cell:focus-visible{outline:none}button{cursor:pointer}.ui-button{border:1px solid var(--line);color:var(--cream);background:#f8efe414}.ui-button:disabled{cursor:default;opacity:.34}@media(hover:hover)and (pointer:fine){.ui-button:hover{border-color:#ff6b35b8;background:#ff6b351f}.ui-button:disabled:hover{border-color:var(--line);background:#f8efe414}}.ui-icon-button{display:grid;place-items:center;width:30px;min-width:30px;height:30px;padding:0;border-radius:4px}.ui-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.floating-overlay-button{background:var(--panel)}select,input[type=number]{min-width:0;border:1px solid var(--line);border-radius:6px;padding:4px 6px;color:var(--cream);background:#0000004d}input[type=number]{width:34px;padding:2px 4px;font-size:.86em;appearance:textfield;-moz-appearance:textfield;text-align:right}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}input[type=range]{accent-color:var(--accent)}.app-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:6px;width:100%;height:100%;padding:6px 0 0;overflow:hidden}.app-loading{display:grid;place-items:center}.loading-mark{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--cream);border-radius:50%;animation:loading-spin .7s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.eyebrow{margin:0;color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.workspace{--left-panel-width: 280px;--right-panel-width: 280px;--panel-toggle-offset: 15px;display:grid;grid-template-columns:280px minmax(360px,1fr) 280px;gap:6px;min-height:0;overflow:hidden;position:relative}.workspace.left-collapsed{grid-template-columns:0 minmax(360px,1fr) 280px}.workspace.right-collapsed{grid-template-columns:280px minmax(360px,1fr) 0}.workspace.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.sidebar{display:grid;grid-template-rows:minmax(120px,1fr) minmax(0,1.5fr);width:100%;height:100%;gap:6px;min-height:0;overflow:hidden}.center-stage{display:grid;width:100%;max-width:100%;min-width:0;min-height:0;overflow:hidden;position:relative}.workspace-scrim{position:absolute;inset:0;z-index:9;border:0;padding:0;background:#00000042;cursor:default}.panel-shell{display:grid;position:relative;min-width:0;width:100%;height:100%;min-height:0;overflow:visible}.panel-shell-body{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.panel-toggle{position:absolute;z-index:12;width:30px;height:30px;pointer-events:auto}.panel-toggle-left{right:-29px;border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.panel-toggle-right{left:-29px;border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0;border-right-color:var(--panel)}@media(max-width:1120px){.workspace{--left-panel-width: 260px;--right-panel-width: 160px;grid-template-columns:260px minmax(300px,1fr) 160px}.workspace.left-collapsed{grid-template-columns:0 minmax(300px,1fr) 160px}.workspace.right-collapsed{grid-template-columns:260px minmax(300px,1fr) 0}}@media(orientation:portrait){.workspace,.workspace.left-collapsed,.workspace.right-collapsed,.workspace.left-collapsed.right-collapsed,.workspace.is-portrait,.workspace.is-portrait.left-collapsed,.workspace.is-portrait.right-collapsed,.workspace.is-portrait.left-collapsed.right-collapsed{--left-panel-width: min(320px, calc(100vw - 24px) );--right-panel-width: min(320px, calc(100vw - 24px) );grid-template-columns:minmax(0,1fr)}.panel-shell{position:absolute;top:0;bottom:0;z-index:10;width:min(320px,calc(100vw - 24px));max-width:82vw;pointer-events:none;transition:transform .14s ease}.panel-shell-body{pointer-events:none}.panel-shell.is-open .panel-shell-body{pointer-events:auto}.left-panel-shell{left:0;transform:translate(-100%)}.left-panel-shell.is-open{transform:translate(0)}.right-panel-shell{right:0;transform:translate(100%)}.right-panel-shell.is-open{transform:translate(0)}.center-stage{grid-column:1}}.panel,.inspector-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.sequencer-card{border:0;border-radius:0;background:transparent}.panel{height:100%;min-height:0;padding:6px;overflow:hidden}.controls-panel{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr)}.preset-panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;border-top-right-radius:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-left:4px;margin-bottom:10px;-webkit-user-select:none;user-select:none}.steps-delta-slider{appearance:none;-webkit-appearance:none;height:16px;background:transparent}.steps-delta-slider::-webkit-slider-runnable-track{height:4px;border-radius:0;background:#f4eadc29}.steps-delta-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:1px solid rgba(23,20,17,.8);border-radius:50%;background:var(--cream)}.steps-delta-slider::-moz-range-track{height:4px;border-radius:0;background:#f4eadc29}.steps-delta-slider::-moz-range-progress{height:4px;background:transparent}.steps-delta-slider::-moz-range-thumb{width:12px;height:12px;border:1px solid rgba(23,20,17,.8);border-radius:50%;background:var(--cream)}.play-button{border-radius:12px;padding:4px 8px;width:80px}.transport-heading{display:inline-flex;align-items:center;gap:6px}.transport-toggle{width:29px;min-width:29px}.transport-toggle.is-active{color:var(--cream);border-color:#ff6b35e0;background:#ff6b3538}.transport-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.control-grid-row{display:grid;grid-template-columns:74px 32px minmax(0,1fr);align-items:center;gap:6px;color:var(--text-muted);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.value-readout{color:var(--cream);font-variant-numeric:tabular-nums;text-align:right}.control-grid-row input{min-width:0;width:100%}.ring-control-param input[type=number]{width:32px;justify-self:end}.add-ring-button{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:8px;border-radius:6px;padding:7px 8px;font-weight:500;background:#f4eadc09;color:var(--text-muted)}.ring-controls{display:grid;align-content:start;gap:4px;min-height:0;overflow:auto;padding:6px 4px;border-radius:6px;background:#0009}.tracks-label{margin:2px 0 6px;color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ring-control{display:grid;gap:4px;padding:4px;border:1px solid transparent;border-radius:8px;background:#f4eadc0b}.ring-control.active{border-color:#f8efe452;background:#f8efe414}.ring-control-heading{display:grid;grid-template-columns:minmax(0,1fr) 30px auto;column-gap:1px}.ring-control-select-button{display:flex;align-items:center;text-align:left;gap:10px;padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}.ring-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-select-wrap{position:relative;display:grid;place-items:center;width:30px;border:1px solid var(--line);background:#f8efe414;border-radius:0 6px 6px 0/0px 6px 6px 0px}.voice-select{position:absolute;inset:0;padding:0;opacity:0;cursor:pointer;color:var(--cream);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.04em;color-scheme:dark}.voice-select option{color:var(--cream);background:#1a2528}.voice-select option:checked{background:#243137}.voice-select-icon{width:16px;height:16px;fill:none;stroke:var(--cream);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;pointer-events:none}.delete-ring-button{justify-content:center;opacity:.72;margin-left:4px;width:29px;min-width:29px}.delete-ring-button:disabled{cursor:default;opacity:.28}.ring-swatch{width:12px;height:12px;border-radius:999px}.preset-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px;padding:2px;border-radius:6px;background:#00000080}.preset-mode-tabs{flex-wrap:nowrap}.preset-tab{flex:0 0 auto;display:grid;place-items:center;border:1px solid transparent;border-radius:4px;padding:3px 7px;color:var(--text-muted);background:transparent;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.preset-mode-tabs .preset-tab{flex:1 1 0}.preset-star-icon{width:13px;height:13px;fill:currentColor}.preset-tab:hover,.preset-tab.active{border-color:#ff6b3580;color:var(--cream);background:#ff6b3524}.preset-list{display:grid;align-content:start;gap:4px;min-height:0;overflow:auto;padding:4px;border-radius:6px;background:#00000080}.preset-button{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:4px;padding:4px 8px;text-align:left}.preset-button:hover,.preset-button.selected{border-color:#ff6b35b8;background:#ff6b351f}.preset-button.selected{color:var(--cream);background:#ff6b3533}.preset-button small{color:var(--text-muted)}.preset-actions{display:flex;gap:4px;justify-content:flex-end;padding:4px 0 0}.preset-action-spacer{flex-grow:1}.preset-action-button{flex-shrink:0}.preset-dialog-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#0000008f}.preset-dialog{display:grid;gap:10px;width:min(280px,calc(100vw - 32px));padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);box-shadow:0 16px 40px #00000057}.preset-dialog label{display:grid;gap:6px;color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.preset-dialog input{width:100%;border:1px solid var(--line);border-radius:6px;padding:6px 8px;color:var(--cream);background:#00000047}.preset-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset-dialog-actions button{border-radius:5px;padding:5px 8px}.sequencer-card{width:100%;height:100%;min-width:0;min-height:0;padding:6px;overflow:hidden}.sequencer-stage{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.radial-sequencer{display:block;width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}.section-chip{position:relative;display:grid;place-items:center;width:var(--section-chip-width, 60px);height:20px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}.section-chip-select{display:grid;place-items:center;width:100%;height:100%;border:0;padding:0;background:transparent}.section-chip-fill{width:100%;height:100%;background:#ffffff57}.section-chip.is-current .section-chip-fill{background:var(--cream)}.section-chip.is-disabled .section-chip-fill{background:repeating-linear-gradient(-45deg,#ffffff57 0 3px,#ffffff14 3px 6px)}.section-chip.is-current.is-disabled .section-chip-fill{background:repeating-linear-gradient(-45deg,var(--cream) 0,var(--cream) 3px,rgba(255,255,255,.22) 3px,rgba(255,255,255,.22) 6px)}.section-chip-hover{position:absolute;left:50%;bottom:100%;display:flex;gap:1px;padding-bottom:2px;width:auto;height:22px;transform:translate(-50%);opacity:0;z-index:5;pointer-events:none;transition:opacity .12s ease}.section-chip:hover .section-chip-hover,.section-chip:focus-visible .section-chip-hover{opacity:1;pointer-events:auto}.section-chip-visibility{position:absolute;position:static;width:24px;min-width:0;height:100%;border-radius:0;padding:0}.section-chip-delete{width:24px;min-width:0;height:100%;border-radius:0;padding:0}.section-chip-visibility.is-muted{opacity:.5}.section-chip-playhead{position:absolute;z-index:2;width:1px;height:5px;transform:translate(-1px);background:var(--cream);pointer-events:none}.section-chip-playhead.top{top:-5px}.section-chip-playhead.bottom{bottom:-5px}.section-chip-add{border:1px solid rgba(255,255,255,.3)}.section-chip-add-mark{color:var(--cream);opacity:.8;font-size:1rem;line-height:.5;font-weight:700}.section-strip{position:relative;display:flex;justify-content:center;gap:var(--section-chip-gap, 1px);padding:0;background:transparent;overflow:visible}.radial-sequencer.dragging,.radial-sequencer.dragging .ring-cell{cursor:grabbing}.ring-cell{fill:#ffffff1a;stroke:#171411b8;stroke-width:.6;cursor:default;transition:fill .15s ease,stroke .15s ease,opacity .15s ease}.ring.selected .ring-cell,.ring-cell:hover{fill:#ffffff26;stroke:#171411b8}.ring.selected .ring-cell:hover{fill:#fff3}.ring-cell.active{fill:color-mix(in srgb,var(--ring-color) 48%,rgba(255,255,255,.05));stroke:#171411b8}.ring.selected .ring-cell.active{fill:color-mix(in srgb,var(--ring-color) 54%,rgba(255,255,255,.075))}.ring-cell.active:hover,.ring.selected .ring-cell.active:hover{fill:color-mix(in srgb,var(--ring-color) 62%,rgba(255,255,255,.09))}.note-polygon{fill:color-mix(in srgb,var(--ring-color) 8%,transparent);stroke:color-mix(in srgb,var(--ring-color) 58%,transparent);stroke-width:1.4;pointer-events:none}.note-hit-area{fill:transparent;pointer-events:all}.note-dot-base{fill:#2a241d;stroke:var(--black);stroke-width:1.2;pointer-events:none}.note-dot-fill{fill:color-mix(in srgb,var(--ring-color) 72%,var(--panel));stroke:var(--black);stroke-width:1.1;pointer-events:none;transition:fill 90ms ease-out,r 90ms ease-out}.note-dot-fill.triggered{fill:var(--cream)}.zero-angle-line{stroke:var(--angle-guide);stroke-width:1;stroke-linecap:butt;pointer-events:none}.centroid-arrow-layer,.lbdm-grouping-layer{pointer-events:none}.lbdm-grouping-edge{stroke:#fff;stroke-width:2.4;stroke-linecap:round;fill:none}.lbdm-grouping-edge.one-way{stroke-dasharray:6 6}.centroid-arrow-line{stroke:#fff;stroke-width:2.5;stroke-linecap:round}.centroid-arrow-dot{fill:#fff}.ring-offset-arc{fill:none;stroke:var(--angle-guide);stroke-width:4;stroke-linecap:butt;pointer-events:none;-webkit-user-select:none;user-select:none}.ring-offset-limit{stroke:var(--angle-guide);stroke-width:1;stroke-linecap:butt;pointer-events:none;-webkit-user-select:none;user-select:none}.ring-offset-label{fill:var(--angle-guide);font-size:.62rem;font-weight:800;letter-spacing:.04em;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.9);-webkit-user-select:none;user-select:none}.playhead-line{stroke:#ffffffd1;stroke-width:2.5;stroke-linecap:round;pointer-events:none}.inspector-panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;padding:4px;overflow:hidden;border-top-left-radius:0}.inspector-body{display:grid;align-content:start;gap:10px;min-height:0;overflow-y:auto;overflow-x:hidden}.inspector-section{display:grid;gap:4px}.inspector-content-block{display:grid;gap:6px;min-height:0;padding:2px 4px;border-radius:6px;background:#00000080}.inspector-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.inspector-label-actions{display:inline-flex;align-items:center;gap:6px}.inspector-label-left{display:inline-flex;align-items:center;gap:6px;min-width:0}.inspector-label{margin:0;color:var(--text-muted);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.inspector-label-value{color:var(--cream);font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.04em;padding-right:.5em}.inspector-info-button{display:grid;place-items:center;width:16px;height:16px;border:1px solid rgba(244,234,220,.28);border-radius:999px;padding:0;color:var(--text-muted);background:transparent}.inspector-info-icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.inspector-visibility-button{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(244,234,220,.28);border-radius:999px;padding:0;color:var(--text-muted);background:transparent}.inspector-visibility-button.is-active{color:var(--cream);border-color:#f4eadca3;background:#f4eadc24}.inspector-visibility-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.inspector-value,.inspector-sequence{margin:0;color:var(--cream);font-size:.86rem;line-height:1.25;overflow-wrap:anywhere}.inspector-sequence{display:block;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable}.inspector-histogram-section{min-height:0}.inspector-generator-row{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.inspector-stepper{display:grid;grid-template-columns:auto 35px 24px;align-items:stretch;justify-content:start}.inspector-stepper-buttons{display:grid;grid-template-rows:1fr 1fr;gap:1px;height:100%}.inspector-stepper-label{display:flex;align-items:center;color:var(--cream);font-size:.74rem;font-weight:800;letter-spacing:.08em;margin-right:4px}.inspector-stepper-button{width:24px;min-width:24px;height:14px;padding:0;border-radius:3px;line-height:1;font-size:.62rem}.inspector-generate-button{width:29px;min-width:29px}.inspector-generate-icon{width:16px;height:16px;fill:currentColor;stroke:none}.histogram{--histogram-columns: 1;display:grid;grid-template-columns:repeat(var(--histogram-columns),minmax(0,1fr));gap:1px;width:100%;min-height:64px;padding-top:4px;overflow-x:hidden}.histogram-column{min-width:0;color:var(--text-muted);font-size:.72rem;font-variant-numeric:tabular-nums}.histogram-column span{text-align:center;display:block;margin:2px 0}.histogram-bar-track{position:relative;display:flex;align-items:end;width:100%;height:72px;border-radius:0;background:#f4eadc14;overflow:hidden}.histogram-bar{position:absolute;left:0;right:0;bottom:0;width:100%;min-width:0;background:var(--accent)}.histogram-bar-full{background:#f4eadc40}.histogram-bar-adjacent,.histogram-bar-note{background:var(--accent)}.histogram-bar-muted{background:#f4eadc40}.inspector-info-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#0000008f}.inspector-info-dialog{width:min(320px,calc(100vw - 24px));display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.inspector-info-title{margin:0;color:var(--cream);font-size:.9rem}.inspector-info-text{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.4}.inspector-info-actions{display:flex;justify-content:flex-end}.inspector-info-actions button{border-radius:5px;padding:5px 10px}@media(hover:hover)and (pointer:fine){.inspector-info-button:hover{color:var(--cream);border-color:#ff6b35b8;background:#ff6b351f}.inspector-visibility-button:hover{color:var(--cream);border-color:#f4eadc80;background:#f4eadc14}}.arrangement-dock{--arrangement-transport-width: 120px;--section-chip-width: 60px;--section-chip-gap: 1px;--scroll-viewport-fade-width: 16px;padding-right:8px;padding-left:8px;display:grid;grid-template-rows:auto auto;gap:0;width:100%;min-width:0;border:1px solid var(--line);border-radius:0;background:var(--panel);overflow:visible}.scroll-viewport{--scroll-viewport-top-inset: 0px;--scroll-viewport-bottom-inset: 0px;position:relative;min-width:0;overflow:visible}.scroll-viewport-fade{position:absolute;top:0;bottom:0;z-index:1;width:var(--scroll-viewport-fade-width, 16px);opacity:0;pointer-events:none;transition:opacity .12s ease}.scroll-viewport-fade.is-visible{opacity:1}.scroll-viewport-fade-left{left:0;background:linear-gradient(to right,#141d1fb8,#141d1f00)}.scroll-viewport-fade-right{right:0;background:linear-gradient(to left,#141d1fb8,#141d1f00)}.scroll-viewport-scroller{display:block;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;padding-top:var(--scroll-viewport-top-inset);padding-bottom:var(--scroll-viewport-bottom-inset);margin-top:calc(var(--scroll-viewport-top-inset) * -1);margin-bottom:calc(var(--scroll-viewport-bottom-inset) * -1)}.scroll-viewport-scroller::-webkit-scrollbar{display:none}.scroll-viewport-scroller:active{cursor:grabbing}.scroll-viewport-content{display:flex;width:max-content;min-width:100%;overflow:visible}.arrangement-toolbar{position:relative;display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;min-height:36px;padding:6px 0;gap:8px;overflow:visible}.arrangement-transport{display:inline-flex;align-items:center;gap:6px;width:var(--arrangement-transport-width);flex:0 0 var(--arrangement-transport-width);min-width:0}.arrangement-sections{display:flex;align-items:center;flex:1 1 0;align-self:center}.arrangement-sections-content{justify-content:center;align-items:center}.timeline{display:flex;align-items:center;padding:4px 0;height:68px;overflow:hidden}.timeline>.scroll-viewport-fade{z-index:4}.timeline>.scroll-viewport-fade-left{background:linear-gradient(to right,#141d1ff0,#141d1f00)}.timeline>.scroll-viewport-fade-right{background:linear-gradient(to left,#141d1ff0,#141d1f00)}.arrangement-sections>.scroll-viewport-scroller,.timeline>.scroll-viewport-scroller{width:100%}.timeline-track{position:relative;width:100%;min-width:100%;height:calc(var(--track-count) * 12px);min-height:12px;border-radius:4px;overflow:visible}.timeline-section-band{position:absolute;top:0;bottom:0;z-index:0;background:#00000085}.timeline-section-band.alt{background:#f4eadc0f}.timeline-marker{position:absolute;top:0;bottom:0;width:1px;background:#f8efe42e;z-index:1}.timeline-marker.strong{width:2px;background:#f8efe46b}.timeline-row{position:relative;left:0;right:0;height:12px;border-top:1px solid rgba(244,234,220,.08)}.timeline-note{position:absolute;top:0;bottom:0;z-index:1;opacity:.5}.timeline-section-divider{position:absolute;top:0;bottom:0;z-index:2;width:2px;transform:translate(-1px);background:#f8efe4b3}.timeline-playhead{position:absolute;z-index:3;width:2px;height:8px;transform:translate(-1px);background:var(--cream)}.timeline-playhead.top{top:-8px}.timeline-playhead.bottom{bottom:-8px}