.studio{--accent: #5b7f4e;--accent-2: #6f9461;--accent-soft: rgba(91, 127, 78, .15);--accent-text: #45693a;--accent-ink: #ffffff;--content: #fbfaf8;--vib: rgba(244, 242, 238, .72);--vib-dense: rgba(246, 244, 241, .97);--float: rgba(251, 250, 248, .98);--text: rgba(0, 0, 0, .85);--text-2: rgba(0, 0, 0, .5);--text-3: rgba(0, 0, 0, .27);--sep: rgba(0, 0, 0, .1);--fill: rgba(0, 0, 0, .045);--fill-2: rgba(0, 0, 0, .075);--hover: rgba(0, 0, 0, .05);--control: #ffffff;--control-ring: rgba(0, 0, 0, .13);--danger: #d0453a;--hair: 1px;color:var(--text);background-color:var(--content);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,HarmonyOS Sans SC,Inter Variable,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-resolution:2dppx){.studio{--hair: .5px}}.studio[data-palette=gold]{--accent: #a97a2e;--accent-2: #bf9040;--accent-soft: rgba(169, 122, 46, .15);--accent-text: #87601f}.studio[data-palette=indigo]{--accent: #5856d6;--accent-2: #6e6cf0;--accent-soft: rgba(88, 86, 214, .13);--accent-text: #4644c4}.dark .studio{--accent: #e9a35c;--accent-2: #f2b46f;--accent-soft: rgba(233, 163, 92, .17);--accent-text: #f2b878;--accent-ink: #2e1c0e;--content: #1b1714;--vib: rgba(32, 26, 22, .66);--vib-dense: rgba(34, 28, 24, .97);--float: rgba(42, 35, 30, .98);--text: rgba(255, 255, 255, .88);--text-2: rgba(255, 255, 255, .55);--text-3: rgba(255, 255, 255, .3);--sep: rgba(255, 255, 255, .09);--fill: rgba(255, 255, 255, .06);--fill-2: rgba(255, 255, 255, .1);--hover: rgba(255, 255, 255, .06);--control: rgba(255, 255, 255, .16);--control-ring: rgba(255, 255, 255, .07)}.dark .studio[data-palette=sage]{--accent: #8fb87d;--accent-2: #a2c991;--accent-soft: rgba(143, 184, 125, .17);--accent-text: #a8cf97;--accent-ink: #14200f}.dark .studio[data-palette=indigo]{--accent: #8f8cf5;--accent-2: #a3a0ff;--accent-soft: rgba(143, 140, 245, .18);--accent-text: #b0adff;--accent-ink: #15143a}.studio .t2{color:var(--text-2)}.studio .t3{color:var(--text-3)}.studio .num{font-variant-numeric:tabular-nums}.studio .ls-round{font-family:ui-rounded,SF Pro Rounded,Nunito Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum","calt"}.ls-wall{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#2a2420}.ls-wall img{position:absolute;inset:0;width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover}.ls-wall-in{animation:ls-wall-in 1s ease both}@keyframes ls-wall-in{0%{opacity:0}to{opacity:1}}.ls-pane{position:relative}.ls-pane:has(.pop-panel){z-index:40}.ls-vib{background:var(--vib);backdrop-filter:blur(50px) saturate(1.9)}.ls-br{border-right:var(--hair) solid var(--sep)}.ls-bl{border-left:var(--hair) solid var(--sep)}.ls-bt{border-top:var(--hair) solid var(--sep)}.ls-bb{border-bottom:var(--hair) solid var(--sep)}.ls-drawer .ls-vib{background:var(--vib-dense)}:where(.ls-row,.ls-search,.ls-field,.ls-zh){display:flex}:where(.ls-ib,.ls-btn,.ls-seg,.ls-kbd,.ls-gbtn,.ls-play,.ls-eq,.ls-tint){display:inline-flex}:where(.ls-switch){display:inline-block}.ls-sh{display:flex;align-items:center;height:26px;margin-top:10px;padding:0 18px;font-size:11px;font-weight:600;color:var(--text-3)}.ls-row{align-items:center;gap:8px;height:28px;margin:0 10px;padding:0 8px;border-radius:6px;font-size:13px;color:var(--text);white-space:nowrap;transition:background .12s}.ls-row .ico{flex-shrink:0;color:var(--accent)}.ls-row:hover{background:var(--hover)}.ls-row.sel{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.ls-row .thumb{position:relative;flex-shrink:0;width:18px;height:18px;border-radius:4.5px;overflow:hidden;box-shadow:0 0 0 var(--hair) var(--sep)}.ls-snd{padding:6px 8px;border-radius:9px;background:var(--fill);box-shadow:inset 0 0 0 var(--hair) var(--sep);transition:background .12s,box-shadow .12s}.ls-snd:hover{background:var(--fill-2)}.ls-snd.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.ls-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;padding:2px 12px 0}.ls-tile{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}.ls-tile .pic{position:relative;display:block;width:100%;aspect-ratio:16 / 10;border-radius:6px;overflow:hidden;box-shadow:0 0 0 var(--hair) var(--sep);transition:box-shadow .12s,filter .12s}.ls-tile .pic>*{position:absolute;inset:0;width:100%;height:100%}.ls-tile .pic.add{display:flex;align-items:center;justify-content:center;background:var(--fill);box-shadow:none;outline:1px dashed color-mix(in srgb,var(--text) 22%,transparent);outline-offset:-1px}.ls-tile .pic.add .plus{position:static;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-ink);background:var(--accent)}.ls-tile:hover .pic.add{background:var(--hover)}.ls-tile:hover .pic{filter:brightness(1.06)}.ls-tile.sel .pic{box-shadow:0 0 0 2px var(--accent)}.ls-tile .nm{padding-left:1px;font-size:11.5px;line-height:1.25;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-tile.sel .nm{color:var(--accent-text);font-weight:600}.ls-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px}.ls-tools>.ls-row{margin:0;height:26px;gap:6px;padding:0 6px;font-size:12.5px}.ls-swatch{width:18px;height:18px;border-radius:50%;flex-shrink:0;outline:1.5px solid transparent;outline-offset:2px;transition:outline-color .12s,transform .12s}.ls-swatch:hover{transform:scale(1.1)}.ls-swatch.on{outline-color:currentColor}.ls-search{align-items:center;gap:6px;height:28px;padding:0 6px 0 8px;border-radius:7px;background:var(--fill-2);color:var(--text-3);font-size:13px}.ls-ib{align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--text-2);flex-shrink:0;transition:background .12s,color .12s}.ls-ib:hover,.ls-ib.on{background:var(--hover);color:var(--text)}.ls-ib:disabled{opacity:.35;pointer-events:none}.ls-btn{align-items:center;justify-content:center;gap:5px;height:24px;padding:0 10px;border-radius:6px;font-size:12.5px;white-space:nowrap;color:var(--text);background:var(--control);box-shadow:0 0 0 var(--hair) var(--control-ring),0 .5px 1px #0000000f;transition:filter .12s}.ls-btn:active{filter:brightness(.95)}.ls-btn.pri{color:var(--accent-ink);background:var(--accent);box-shadow:none;font-weight:500}.ls-seg{align-items:stretch;height:24px;padding:2px;gap:1px;border-radius:7px;background:var(--fill-2)}.ls-seg>button{padding:0 9px;border-radius:5px;font-size:12px;color:var(--text-2);white-space:nowrap;transition:color .12s}.ls-seg>button:hover{color:var(--text)}.ls-seg>button.on{color:var(--text);font-weight:500;background:var(--control);box-shadow:0 0 0 var(--hair) var(--control-ring),0 .5px 1px #00000014}.ls-field{align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:6px;background:var(--fill-2);color:var(--text-3)}.ls-field input{flex:1;min-width:0;height:100%;background:transparent;outline:none;border:0;font-size:12.5px;color:var(--text)}.ls-field input::-moz-placeholder,.ls-input::-moz-placeholder{color:var(--text-3)}.ls-field input::placeholder,.ls-input::placeholder{color:var(--text-3)}.ls-field:focus-within{box-shadow:0 0 0 2.5px var(--accent-soft),0 0 0 1px var(--accent)}.ls-input{width:100%;height:28px;padding:0 9px;border-radius:6px;border:0;outline:none;font-size:13px;color:var(--text);background:var(--control);box-shadow:0 0 0 var(--hair) var(--control-ring)}.ls-input:focus{box-shadow:0 0 0 2.5px var(--accent-soft),0 0 0 1px var(--accent)}.ls-kbd{align-items:center;height:18px;padding:0 5px;border-radius:4px;font:500 10.5px/1 -apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-3);box-shadow:inset 0 0 0 var(--hair) var(--sep)}.ls-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;background:transparent;cursor:pointer}.ls-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--fill-c, var(--accent)) var(--p, 50%),var(--rail, var(--fill-2)) var(--p, 50%))}.ls-range::-moz-range-track{height:4px;border-radius:4px;background:var(--rail, var(--fill-2))}.ls-range::-moz-range-progress{height:4px;border-radius:4px;background:var(--fill-c, var(--accent))}.ls-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000002e,0 1px 2px #0003}.ls-range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000002e,0 1px 2px #0003}.ls-range.light{--fill-c: rgba(255, 255, 255, .92);--rail: rgba(255, 255, 255, .28)}.ls-switch{position:relative;width:30px;height:18px;border-radius:999px;background:var(--fill-2);box-shadow:inset 0 0 0 var(--hair) var(--sep);flex-shrink:0;transition:background .2s}.ls-switch:after{content:"";position:absolute;top:1.5px;left:1.5px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 1px 1.5px #0000002e;transition:transform .2s cubic-bezier(.3,.7,.3,1)}.ls-switch.on{background:var(--accent);box-shadow:none}.ls-switch.on:after{transform:translate(12px)}.ls-tint{align-items:center;justify-content:center;flex-shrink:0;color:var(--tint)}.ls-tint.orange{--tint: #d27a36}.ls-tint.blue{--tint: #3683d6}.ls-tint.purple{--tint: #8459cf}.dark .studio .ls-tint.orange{--tint: #f0a86e}.dark .studio .ls-tint.blue{--tint: #86b8f2}.dark .studio .ls-tint.purple{--tint: #b7a0f2}.ls-pop{white-space:normal;font-weight:400;background:var(--float);border-radius:10px;box-shadow:0 0 0 var(--hair) var(--control-ring),0 0 0 .5px var(--sep),0 10px 30px #00000029;color:var(--text)}.dark .studio .ls-pop{box-shadow:0 0 0 1px #ffffff17,0 12px 36px #00000080}.ls-stage{position:relative;overflow:hidden;background:#15110e;container-type:inline-size}.ls-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.22),transparent 90px),linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.12) 34%,transparent 50%)}.ls-glass{position:relative;color:#fff;background:#100c0929;backdrop-filter:blur(12px) saturate(1.7);box-shadow:inset 0 0 0 var(--hair) #ffffff47}.ls-gbtn{align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#fff;flex-shrink:0;transition:background .15s,transform .15s}.ls-gbtn:hover,.ls-gbtn.on{background:#ffffff29}.ls-gbtn:active{transform:scale(.92)}.ls-gheart{color:#ff9aac}.ls-support{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px 0 9px;border-radius:999px;white-space:nowrap;font-size:12.5px;font-weight:600;color:#fff;background:linear-gradient(180deg,#f07b90,#df5570);box-shadow:inset 0 .5px #fff6,0 1px 3px #df557073;transition:filter .12s}.ls-support:hover,.ls-support[aria-expanded=true]{filter:brightness(1.06)}.ls-tcell{position:relative;--tc: var(--accent);background:linear-gradient(150deg,color-mix(in srgb,var(--tc) 13%,var(--content)),color-mix(in srgb,var(--tc) 4%,var(--content)) 70%)}.ls-tcell.orange{--tc: #e0863f}.ls-tcell.blue{--tc: #3f8fe0}.ls-tcell.purple{--tc: #8d63d6}.dark .studio .ls-tcell{background:linear-gradient(150deg,color-mix(in srgb,var(--tc) 17%,var(--content)),color-mix(in srgb,var(--tc) 5%,var(--content)) 70%)}.ls-tc{color:var(--tc)}.ls-pomo{background:radial-gradient(42% 62% at 18% 64%,var(--accent-soft),transparent 75%),var(--content)}.ls-tomato{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--fill-2)}.ls-tomato.done{background:var(--accent);box-shadow:none}.ls-tomato.cur{box-shadow:inset 0 0 0 1.5px var(--accent)}.ls-fader{position:relative;width:40px;flex:1;min-height:64px;border-radius:13px;overflow:hidden;background:var(--fill-2);cursor:ns-resize;touch-action:none;transition:background .15s}.ls-fader:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ls-fader-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,var(--c),color-mix(in srgb,var(--c) 62%,#fff));transition:height .12s ease-out}.ls-fader.drag .ls-fader-fill{transition:none}.ls-fader-ico{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;pointer-events:none;transition:opacity .15s}.ls-fader.off{background:var(--fill);cursor:pointer}.ls-fader.off:hover{background:color-mix(in srgb,var(--c) 9%,var(--fill))}.ls-fader.off .ls-fader-fill{opacity:.3;transition:none}.ls-fader.off .ls-fader-ico{opacity:.7}.ls-fader.off:hover .ls-fader-ico{opacity:1}.ls-desk-paused .ls-fader:not(.off) .ls-fader-fill{filter:saturate(.3);opacity:.55}.ls-cells{display:grid;grid-template-columns:minmax(0,1fr)}.ls-cells>*+*{border-top:var(--hair) solid var(--sep)}.ls-rcell{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:11px 16px 12px}.ls-rc-head{display:flex;align-items:center;gap:6px;height:18px;font-size:13px;font-weight:600;min-width:0}.ls-rc-body{display:flex;align-items:flex-end;gap:9px;width:100%;min-width:0;text-align:left}.studio .ls-rc-big{font-family:ui-rounded,SF Pro Rounded,Nunito Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1;letter-spacing:-.01em;white-space:nowrap}.studio .ls-rc-cta{height:28px;font-size:16px}.ls-rc-sub{flex:1;min-width:0;padding-bottom:2px;font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-rc-art{flex-shrink:0;color:var(--tc);opacity:.6;margin:-6px 0 -2px}@media(min-width:640px)and (max-width:1023px),(min-width:1024px)and (max-height:880px){.ls-cells{grid-template-columns:repeat(3,minmax(0,1fr))}.ls-cells>*+*{border-top:0;border-left:var(--hair) solid var(--sep)}}@media(min-width:640px)and (max-width:1023px),(min-width:1024px)and (max-height:880px){.ls-rc-body{position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:5px}.ls-rc-sub{width:100%;padding:0}.ls-rc-art{position:absolute;right:0;bottom:2px;margin:0}.ls-long{display:none}}@media(min-width:1024px)and (max-height:880px){.ls-rcell{padding:10px 10px 10px 12px;gap:8px}.studio .ls-rc-big{font-size:22px}.studio .ls-rc-cta{height:22px;font-size:14px}.ls-rc-sub{width:100%;padding:0;font-size:11.5px}.ls-rc-art,.ls-long{display:none}.ls-rcell .ls-switch{width:26px;height:16px}.ls-rcell .ls-switch:after{width:13px;height:13px}.ls-rcell .ls-switch.on:after{transform:translate(10px)}}@media(min-width:1024px){.ls-ruled{background-image:repeating-linear-gradient(to bottom,transparent 0 33px,var(--sep) 33px 34px);background-attachment:local}}.ls-ruled>div{box-shadow:inset 0 -1px 0 var(--sep)}@media(min-width:1024px){.ls-ruled>div{box-shadow:none}}.ls-todo-add{border-top:var(--hair) solid var(--sep)}@media(max-width:1023px){.studio .ls-todo-list{max-height:170px}}.ls-zh{align-items:center;gap:2px;height:40px;flex-shrink:0;padding:0 10px 0 16px;font-size:13px;font-weight:600;white-space:nowrap;min-width:0}.ls-transport{display:flex;align-items:center;gap:10px 16px;padding:10px 12px 10px 16px;flex-wrap:wrap;flex-shrink:0}.ls-transport-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.ls-transport-vol{width:132px}@media(max-width:767px){.ls-transport-tools{width:100%}.ls-transport-vol{width:auto;flex:1}}.ls-play{align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;flex-shrink:0;color:var(--accent-ink);background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 1px 2px #00000026;transition:transform .15s,filter .15s}.ls-play:hover{filter:brightness(1.06)}.ls-play:active{transform:scale(.94)}.ls-stat{display:block;min-width:0;padding:8px 9px 7px;border-radius:8px;background:var(--fill);white-space:nowrap}.ls-stat i{margin-left:2px;font-size:11px;font-style:normal;color:var(--text-3)}.ls-stat em{display:block;margin-top:5px;font-size:11px;font-style:normal;color:var(--text-2)}.ls-bars{position:relative;display:flex;align-items:stretch;height:clamp(48px,11vh,108px);border-bottom:var(--hair) solid var(--sep)}.ls-bars.hours{gap:2px}.ls-bars.days{gap:8px}.ls-bars>span{position:relative;flex:1;min-width:0;display:flex;align-items:flex-end;cursor:default}.ls-bars i{display:block;width:100%;border-radius:2px 2px 0 0;background:color-mix(in srgb,var(--accent) 45%,transparent);transition:background .15s,height .3s}.ls-bars.days i{max-width:20px;margin:0 auto;border-radius:4px 4px 0 0}.ls-bars>.now i{background:var(--accent)}.ls-bars>.on i{background:var(--accent-2)}.ls-bars.hours>.now:before{content:"";position:absolute;inset:0;border-radius:2px 2px 0 0;background:var(--fill)}.ls-bars.ghost i{background:var(--fill-2)}.ls-bars>.ls-bars-hint{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;padding:0 8px;text-align:center;font-size:11.5px;color:var(--text-3);pointer-events:none}.ls-bars-axis{display:flex;justify-content:space-between;margin-top:3px;font-size:10px;color:var(--text-3)}.ls-bars-axis.days{gap:8px;justify-content:stretch}.ls-bars-axis.days>span{flex:1;min-width:0;text-align:center;font-size:10.5px}.ls-bars-axis>.now{color:var(--text);font-weight:600}.ls-eq{align-items:flex-end;gap:2px;height:10px}.ls-eq i{width:2px;border-radius:1px;background:currentColor;animation:ls-eq .9s ease-in-out infinite alternate}.ls-eq i:nth-child(2){animation-delay:-.3s}.ls-eq i:nth-child(3){animation-delay:-.6s}@keyframes ls-eq{0%{height:3px}to{height:10px}}.ls-fade{animation:ls-fade .7s ease both}@keyframes ls-fade{0%{opacity:0}to{opacity:1}}.ls-in{animation:ls-in .18s cubic-bezier(.2,.8,.2,1) both}@keyframes ls-in{0%{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:none}}.ls-scroll{--scroll-thumb: var(--fill-2)}@media(prefers-reduced-transparency:reduce){.ls-vib{background:var(--vib-dense)}.ls-glass{background:#1c1713b8}}@media(prefers-reduced-motion:reduce){.ls-eq i,.ls-fade,.ls-in,.ls-wall-in{animation:none}}.studio{--dk-bg: var(--float);--dk-ink: var(--text);--dk-ink-2: var(--text-2);--dk-ink-3: var(--text-3);--dk-accent: var(--accent);--dk-accent-2: var(--accent-2);--dk-on-accent: var(--accent-ink);--dk-wash: var(--fill-2);--dk-line: var(--sep);--dk-edge: var(--control-ring);--dk-r: 14px}.dark .studio{--dk-shadow: 0 12px 32px -12px rgba(0, 0, 0, .7)}.studio .t-colon{position:relative;top:-.11em}.ls-ring{width:108px;height:108px}@media(min-width:1024px)and (max-height:880px){.studio .ls-ring{width:88px;height:88px}.studio .ls-ring .ls-round{font-size:22px}.studio .ls-short-hide{display:none}.studio .ls-stat{padding:6px 8px 5px}.studio .ls-stat em{margin-top:3px}.studio .ls-bars{height:clamp(40px,9vh,80px)}.studio .ls-zh{height:36px}}
