:root{color-scheme:dark;--bg: #12141a;--bg-elev: #1a1d26;--bg-hover: #232734;--line: #2c3140;--text: #e8e6df;--muted: #9a9488;--accent: #e0b34a;--accent-dim: #8a6d24;--danger: #d36b6b;--ok: #7cb87c;--header-bg: #0c1013;--header-h: 52px;--footer-h: 32px;--radius: 10px;font-family:Segoe UI,PT Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--accent);color:#1a1408;border:0;border-radius:8px;padding:.45rem .9rem;cursor:pointer;font-weight:600}button.secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--line)}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:#101218;border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem;width:100%}textarea{min-height:90px;resize:vertical}label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.25rem}.field{margin-bottom:.85rem}.app{min-height:100%;height:100%;display:flex;flex-direction:column}.header{flex:0 0 var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:0 1rem;background:var(--header-bg);border-bottom:1px solid var(--line)}.brand{justify-self:start;display:block;overflow:hidden;width:154px;height:25px;text-decoration:none}.brand:hover{text-decoration:none}.brand-logo{display:block;transform:scale(.5);transform-origin:top left}.header-project{justify-self:center;min-width:0;max-width:42vw}.header-user{justify-self:end;position:relative}.user-menu{position:relative}.user-menu-toggle{display:flex;align-items:center;gap:.4rem;list-style:none;background:transparent;border:0;border-radius:8px;padding:.25rem .45rem;cursor:pointer;font-weight:500}.user-menu-toggle::-webkit-details-marker,.user-menu-toggle::marker{display:none;content:""}.user-menu-toggle:hover,.user-menu[open] .user-menu-toggle{background:var(--bg-hover)}.user-login{font-size:.85rem}.user-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted)}.user-menu-list{position:absolute;right:0;top:calc(100% + 6px);min-width:140px;padding:4px;background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;z-index:20}.user-menu-list button{width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-radius:6px;padding:.45rem .7rem;cursor:pointer;font-weight:500}.user-menu-list button:hover{background:var(--bg-hover)}.workspace{flex:1;min-height:0;display:flex;align-items:stretch;gap:.75rem;padding:.75rem}.workspace-empty{flex:1;display:grid;place-items:center;color:var(--muted);font-size:1.05rem}.panel{flex:0 0 320px;width:320px;display:flex;flex-direction:column;min-height:0;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-chrome{position:relative;background:var(--header-bg);border-bottom:1px solid var(--line)}.panel-head{display:flex;align-items:center;gap:.35rem;height:40px;padding:0 .9rem;font-size:.85rem;font-weight:650;letter-spacing:.02em}.panel-chrome:has(.panel-add) .panel-head{padding-right:2.4rem}.panel-add{position:absolute;top:8px;right:8px;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:var(--accent);color:#1a1408;cursor:pointer;display:flex;align-items:center;justify-content:center}.panel-add svg{display:block}.panel-add:hover{filter:brightness(1.06)}.panel-create{display:none;gap:.4rem;padding:0 .9rem .7rem}.panel-chrome.is-open .panel-create{display:flex}.panel-create input{flex:1;min-width:0}.btn-go{flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:4px;background:var(--accent);color:#1a1408;cursor:pointer;display:grid;place-items:center}.btn-go:hover{filter:brightness(1.06)}.panel .error{margin:0;padding:.4rem .9rem 0}.list{flex:1;min-width:0;overflow-y:auto;padding:.15rem .5rem .75rem}.list-item{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0;text-align:left;background:transparent;border:0;border-radius:8px;padding:.55rem .5rem;cursor:pointer;color:var(--text);font-weight:500}.list-item:hover,.list-item.is-editing{background:var(--bg-hover)}.list-item-title{flex:1;min-width:0;display:flex;align-items:center;gap:.35rem}.list-item-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-edit{flex:0 0 auto;width:22px;height:22px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0}.list-item:hover .list-item-edit,.list-item-edit:focus-visible{opacity:1}.list-item.is-editing .list-item-edit{display:none}.list-item-edit:hover{color:var(--text);background:var(--bg)}.list-item-edit svg{display:block}.list-item-rename{flex:1;min-width:0;height:28px;padding:.2rem .45rem}.list-item-meta{flex:0 0 auto;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.list-item.is-selected,.list-item.is-selected:hover,.list-item.is-selected.is-editing{background:color-mix(in srgb,var(--accent) 18%,var(--bg-elev))}.list-item.is-selected .list-item-edit:hover{background:color-mix(in srgb,var(--accent) 28%,var(--bg))}.panel-head-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-head .list-item-edit{flex:0 0 auto}.panel-head:hover .list-item-edit,.panel-head .list-item-edit:focus-visible{opacity:1}.panel-head.is-editing .list-item-edit{display:none}.panel-head .list-item-rename{flex:1;min-width:0;height:28px;padding:.2rem .45rem}.panel-wide{flex-basis:380px;width:380px}.panel-stack{flex:1;min-height:0;display:flex;flex-direction:column}.panel-block{min-height:0;display:flex;flex-direction:column}.panel-block.is-cast{flex:0 0 auto;max-height:50%;min-height:auto;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(1.1rem + 1.2em)}.panel-block.is-cast .panel-block-head{position:sticky;top:0;z-index:1;background:var(--bg-elev)}.panel-block.is-cast .list{flex:none;overflow:visible}.panel-block.is-cast .list-item-title:before{content:"";flex:0 0 21px;width:21px;height:21px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M395.08-539.69Q360-574.77%20360-624.62q0-49.84%2035.08-84.92%2035.07-35.08%2084.92-35.08t84.92%2035.08Q600-674.46%20600-624.62q0%2049.85-35.08%2084.93-35.07%2035.07-84.92%2035.07t-84.92-35.07ZM200-215.38v-65.85q0-24.77%2014.42-46.35%2014.43-21.57%2038.81-33.5%2056.62-27.15%20113.31-40.73%2056.69-13.57%20113.46-13.57%2056.77%200%20113.46%2013.57%2056.69%2013.58%20113.31%2040.73%2024.38%2011.93%2038.81%2033.5Q760-306%20760-281.23v65.85H200Z'/%3e%3c/svg%3e") center / contain no-repeat;filter:invert(1);opacity:.85}.panel-block.is-lines{flex:1 1 auto}.panel-block+.panel-block{border-top:1px solid var(--line)}.panel-block-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .75rem .2rem .9rem;color:var(--muted);font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.section-add{background:transparent;border:0;color:var(--accent);font-size:.78rem;font-weight:650;letter-spacing:0;text-transform:none;cursor:pointer;padding:.2rem .5rem;border-radius:6px}.section-add:hover{background:var(--accent);color:#1a1408}.line{position:relative;margin:0;flex:1;min-width:0;padding-left:1.55em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8em;font-weight:400}.line:before{content:"";position:absolute;left:0;top:50%;width:1.15em;height:1.15em;margin-top:-.57em;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M120-156.92v-618.46q0-27.62%2018.5-46.12Q157-840%20184.62-840h590.76q27.62%200%2046.12%2018.5Q840-803%20840-775.38v430.76q0%2027.62-18.5%2046.12Q803-280%20775.38-280h-532.3L120-156.92ZM260-420h280v-40H260v40Zm0-120h440v-40H260v40Zm0-120h440v-40H260v40Z'/%3e%3c/svg%3e") center / contain no-repeat;filter:invert(1);opacity:.85}.line b{font-weight:700}.footer{flex:0 0 var(--footer-h);display:flex;align-items:center;padding:0 1rem;border-top:1px solid var(--line);background:var(--bg-elev);color:var(--muted);font-size:.75rem}.spacer{flex:1}.muted{color:var(--muted)}.page{max-width:1100px;margin:0 auto;padding:1.4rem 1.2rem 3rem}.page.wide{max-width:1280px}h1{font-size:1.4rem;font-weight:650;margin:0 0 1rem}h2{font-size:1.05rem;margin:0 0 .7rem}.editor-page{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;min-height:0}.editor-crumb{padding:.45rem 1.1rem;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--muted);flex:0 0 auto}.editor-shell{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.editor-left{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line)}.editor-left-top{overflow-y:auto;padding:.9rem 1.1rem;flex:0 1 auto;max-height:48%}.editor-timeline{flex:1;min-height:200px;display:flex;flex-direction:column;padding:.7rem 1.1rem 1rem;border-top:1px solid var(--line);background:#14171f}.editor-right{overflow-y:auto;padding:.9rem 1.1rem 1.4rem;min-height:0}.tl-scroll{flex:1;min-height:188px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:8px;background:#101218;scrollbar-width:none;-ms-overflow-style:none}.tl-scroll::-webkit-scrollbar{display:none}.tl-inner{position:relative;width:max-content;min-width:100%}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#f2d27a;box-shadow:0 0 0 1px #00000059;pointer-events:none;z-index:6}.tl-track{display:flex;align-items:stretch;min-height:168px;padding:10px 16px 32px;width:max-content}.tl-unit{display:flex;align-items:stretch}.tl-clip{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--accent-dim);border-radius:0;overflow:hidden;flex:0 0 auto;margin-right:-1px}.tl-clip.dragging{opacity:.7;z-index:5}.tl-clip-bar{display:flex;align-items:center;gap:6px;padding:3px 6px;background:#1c2030;font-size:.72rem;color:var(--muted)}.tl-clip-label{flex:1;min-width:0}.tl-clip-x{background:transparent;color:var(--danger);border:0;padding:0 4px;font-size:1rem;line-height:1}.tl-clip-body{position:relative;flex:1;min-height:96px;cursor:pointer}.clip-wave{display:block;width:100%;height:96px;pointer-events:none}.clip-silence{position:relative;background:#0d0f14}.clip-silence:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#fff}.tl-handle{position:absolute;top:0;bottom:0;width:8px;z-index:2;cursor:ew-resize;background:#e0b34a2e}.tl-handle.left{left:0}.tl-handle.right{right:0}.tl-handle:hover{background:#e0b34a73}.tl-joint{position:relative;width:0;flex:0 0 0;z-index:4}.tl-add{position:absolute;left:-11px;bottom:-24px;width:22px;height:22px;border-radius:50%;padding:0;border:1px solid var(--line);background:#1c2030;color:var(--text);font-size:.95rem;line-height:20px;cursor:pointer}.tl-add:hover{border-color:var(--accent);color:var(--accent);background:#252a3a}.tl-transport{display:flex;align-items:center;gap:.6rem;margin-top:10px;flex-wrap:wrap}.tl-clock{font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--muted);min-width:7.8rem}.tl-seek{flex:1;min-width:140px;height:6px;accent-color:var(--accent);cursor:pointer}.tl-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto;vertical-align:-1px;margin-right:2px}@media(max-width:900px){.editor-shell{grid-template-columns:1fr}.editor-left{border-right:0;max-height:55vh}.editor-right{max-height:45vh}}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:.9rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.card:hover{border-color:var(--accent-dim)}.card h3{margin:0 0 .35rem;font-size:1rem}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:500;font-size:.8rem}.error{color:var(--danger);font-size:.9rem;margin:.4rem 0}.ok{color:var(--ok)}.auth-box{max-width:380px;margin:12vh auto;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:1.6rem}.tabs{display:flex;gap:.4rem}.tabs a{padding:.25rem .7rem;border-radius:999px;color:var(--muted)}.tabs a.active{background:var(--bg-hover);color:var(--text);text-decoration:none}.voice-list{display:grid;gap:.45rem}.voice-item{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;background:#101218;border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem}.voice-item.is-selected,.voice-item.selected{border-color:var(--accent)}.voice-item strong{display:block;font-size:.9rem}.voice-item p{margin:.15rem 0 0;font-size:.78rem;color:var(--muted)}.waveform{background:#0d0f14;border-radius:8px;padding:.4rem}.take{border:1px solid var(--line);border-radius:var(--radius);padding:.8rem;background:var(--bg-elev);margin-bottom:.8rem}.take-meta{font-size:.8rem;color:var(--muted);margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.timeline-item{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;margin-bottom:.5rem}.drag{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none}.pause-field{width:110px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.small{font-size:.82rem}.advanced{margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--line)}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media(max-width:720px){.cols-2,.voice-item{grid-template-columns:1fr}}.panel-head:has(.panel-back){padding-left:.45rem}.panel-back{flex:0 0 auto;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}.panel-back:hover{background:var(--bg-hover)}.panel-back svg{display:block}.panel-fill{flex:1 1 auto;width:auto;min-width:0}.btn{background:var(--accent);color:#1a1408;border:0;border-radius:8px;padding:.45rem .8rem;cursor:pointer;font-weight:600;white-space:nowrap}.btn:hover{filter:brightness(1.06)}.btn-secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--line)}.editor{flex:1;min-height:0;overflow-y:auto;padding:1rem 1.15rem 1.3rem;display:flex;flex-direction:column;gap:.9rem}.editor-split{flex:1;min-height:0;display:grid;grid-template-columns:1fr;padding:0;overflow:hidden;gap:0}.editor-split.is-library-open{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.2fr)}.editor-col{min-width:0;min-height:0;overflow-y:auto;padding:1rem 1.15rem 1.3rem;display:flex;flex-direction:column;gap:.9rem}.editor-col .field{margin-bottom:.15rem}.editor-library{display:flex;border-left:1px solid var(--line);overflow:hidden}.editor-library .field,.editor-library>.list-item-meta,.editor-library .voice-filters{flex:0 0 auto}.voice-search{display:flex;align-items:center;background:#101218;border:1px solid var(--line);border-radius:8px;padding-right:2px}.voice-search input{flex:1;min-width:0;background:transparent;border:0}.voice-search input:focus{outline:none}.voice-search:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.voice-search-filter{flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center}.voice-search-filter:hover,.voice-search-filter.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.voice-search-filter img{display:block;width:24px;height:24px}.voice-filters{display:none;flex-direction:column;gap:.75rem;background:#232734;border:1px solid var(--line);border-radius:10px;padding:.85rem .9rem 1rem}.editor-library.is-filters-open .voice-filters{display:flex}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:#101218;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem;cursor:pointer;font-size:.82rem}.chip:hover{background:var(--bg-hover)}.chip.is-on{background:var(--accent);color:#1a1408;border-color:var(--accent);font-weight:600}.editor-library .voice-list{flex:1;min-height:0;overflow-y:auto;align-content:start;margin-top:0}.voice-picked{display:flex;align-items:center;gap:.4rem}.voice-picked-name{flex:1;min-width:0;min-height:36px;display:flex;align-items:center;background:#101218;border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-picked.is-empty .voice-picked-name{color:var(--muted)}.voice-picked.is-empty .icon-btn-preview{display:none}.icon-btn-accent{border-radius:8px;background:var(--accent)}.icon-btn-accent:hover{filter:brightness(1.06)}.icon-btn-accent.is-active{box-shadow:inset 0 0 0 2px #1a1408}.form-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.3rem}@keyframes gen-zebra{to{background-position:28px 0}}.btn.is-busy,.btn.is-busy:disabled{color:#1a1408;opacity:1;cursor:wait;background-color:var(--accent);background-image:repeating-linear-gradient(-45deg,#ffffff52 0 8px,#00000029 8px 16px);background-size:28px 28px;animation:gen-zebra .45s linear infinite}.count-row .btn{min-width:8.6rem}.field-hint{margin:-.05rem 0 .35rem;color:var(--muted);font-size:.75rem}.form-sliders{display:flex;flex-direction:column;gap:.85rem}.slider-field{display:flex;flex-direction:column;gap:.3rem}.slider-label{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.slider-label label{margin:0}.slider-value{font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--text)}input[type=range]{width:100%;height:6px;accent-color:var(--accent);cursor:pointer}.icon-btn{flex:0 0 36px;width:36px;height:36px;padding:0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn img{display:block;width:27px;height:27px}.icon-btn-preview{border-radius:50%;background:#fff}.icon-btn-preview svg{display:block;width:18px;height:18px;margin-left:2px}.icon-btn-muted{border-radius:8px;background:var(--bg-hover);border:1px solid var(--line);color:var(--text)}.icon-btn-muted img{filter:invert(1)}.icon-btn-muted:hover{background:#2a2f3d}.icon-btn-muted.is-active{border-color:var(--accent)}.editor-line{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(340px,1.15fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.line-setup{grid-column:1;grid-row:1;min-width:0;min-height:0;overflow-y:auto;padding:1rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.75rem;border-right:1px solid var(--line)}.locked-field{min-height:36px;display:flex;align-items:center;background:#101218;border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem;color:var(--muted)}.count-row{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.count-btn{width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:8px;background:#101218;color:var(--text);cursor:pointer;font-weight:600}.count-btn:hover{background:var(--bg-hover)}.count-btn.is-on{background:var(--accent);color:#1a1408;border-color:var(--accent)}.line-params{display:none}.line-setup.is-params-open .line-params{display:flex}.line-takes{grid-column:2;grid-row:1;min-width:0;min-height:0;overflow-y:auto;padding:1rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.65rem}.line-takes .take{background:#101218;border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem .75rem;margin-bottom:0;box-shadow:inset 4px 0 0 var(--take, var(--accent))}.line-takes .take-meta{display:flex;align-items:baseline;gap:.55rem;min-width:0;margin-bottom:.5rem;font-size:.82rem;flex-wrap:nowrap}.take-time{flex:0 0 auto;color:var(--muted);font-variant-numeric:tabular-nums}.take-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:var(--text)}.take-row{display:flex;align-items:center;gap:.4rem}.take-row .wave{flex:1;min-width:0}.wave{position:relative;height:72px;background:#0d0f14;border-radius:8px;overflow:hidden;color:var(--take, var(--accent))}.line-final{grid-column:1 / -1;grid-row:2;border-top:1px solid var(--line);background:#14171f;padding:.7rem 1.15rem .95rem;display:flex;flex-direction:column;gap:.55rem;overscroll-behavior:contain}.line-final-head{display:flex;align-items:center;gap:.7rem;min-width:0}.line-final-head h2{margin:0;font-size:.82rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.line-final .tl-scroll{flex:none;min-height:132px}.zoom-control{display:flex;align-items:center;gap:.1rem;color:var(--muted)}.zoom-btn{width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.zoom-btn:hover{color:var(--text);background:var(--bg-hover)}.zoom-btn svg{display:block}.zoom-value{min-width:3.2rem;height:28px;padding:0 .2rem;border:0;border-radius:6px;background:transparent;color:var(--muted);text-align:center;font-size:.82rem;font-variant-numeric:tabular-nums;cursor:pointer}.zoom-value:hover{color:var(--text);background:var(--bg-hover)}.tl-ranger{position:relative;flex:1;min-width:140px;height:28px;border:1px solid var(--line);border-radius:6px;background:#0d0f14;overflow:hidden;cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.tl-ranger-track{display:flex;align-items:stretch;gap:1px;height:100%;padding:5px 4px}.tl-ranger-clip{min-width:0;border-radius:2px;background:var(--take, var(--muted));opacity:.7}.tl-ranger-clip.is-silence{position:relative;background:var(--muted);opacity:.45}.tl-ranger-clip.is-silence:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#fff}.tl-ranger-view{position:absolute;top:0;bottom:0;background:color-mix(in srgb,#fff 14%,transparent);border:1px solid color-mix(in srgb,#fff 50%,transparent);box-sizing:border-box;cursor:grab}.tl-ranger-view:active{cursor:grabbing}.tl-ranger-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:1}.tl-ranger-handle.is-left{left:-1px}.tl-ranger-handle.is-right{right:-1px}