.show-deck{flex-direction:column;gap:20px;display:flex}.show-picks{scrollbar-width:none;gap:8px;margin:-8px -16px 0;padding:8px 16px 6px;display:flex;overflow-x:auto}.show-picks::-webkit-scrollbar{display:none}.show-pick{border:1px solid color-mix(in oklab, var(--tone,var(--color-accent-bright)) 34%, transparent);border-radius:var(--radius-el);text-align:left;background-color:color-mix(in oklab, var(--tone,var(--color-accent-bright)) 6%, transparent);cursor:pointer;width:9.5rem;transition:translate var(--dur-base) var(--ease-smooth), scale var(--dur-base) var(--ease-smooth), rotate var(--dur-base) var(--ease-smooth), box-shadow var(--dur-base) var(--ease-smooth), border-color var(--dur-base) var(--ease-smooth), background-color var(--dur-base) var(--ease-smooth);flex-direction:column;flex:none;align-items:flex-start;gap:6px;padding:12px 14px 14px;display:flex;position:relative;overflow:hidden}@media (min-width:40rem){.show-pick{width:11.5rem;padding:14px 16px 16px}}@media (min-width:64rem){.show-picks{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:-8px 0 0;padding:8px 0 0;display:grid;overflow:visible}.show-pick{width:auto}}.show-pick[aria-selected=true]{border-color:var(--tone,var(--color-accent-bright));background-color:color-mix(in oklab, var(--tone,var(--color-accent-bright)) 13%, transparent)}.show-pick:focus-visible{outline:2px solid color-mix(in oklab, var(--tone,var(--color-accent-bright)) 70%, transparent);outline-offset:2px}.show-pick-stat{font-size:var(--text-page-min)}.show-pick-word{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;font-size:17px;line-height:1.2}@media (min-width:40rem){.show-pick-stat{font-size:36px}.show-pick-word{font-size:var(--text-title)}}.show-pick-bar{background:var(--tone,var(--color-accent-bright));transform-origin:0;pointer-events:none;height:2px;position:absolute;inset:auto 0 0;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.show-pick[aria-selected=false]{animation:4.8s linear infinite show-sway}.show-pick:nth-child(2){animation-delay:.3s}.show-pick:nth-child(3){animation-delay:.6s}.show-pick:nth-child(4){animation-delay:.9s}.show-pick:nth-child(5){animation-delay:1.2s}.show-pick:nth-child(6){animation-delay:1.5s}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.show-picks:hover .show-pick{animation:none}.show-pick:hover{box-shadow:var(--shadow-panel-lift);translate:0 -4px;scale:1.03}.show-pick:active{translate:0 -2px;scale:1.01}}@media (prefers-reduced-motion:reduce){.show-pick:hover{border-color:color-mix(in oklab, var(--tone,var(--color-accent-bright)) 70%, transparent)}}@keyframes show-sway{0%,50%,to{rotate:0deg}8.333%,41.667%{rotate:-.75deg}16.667%,33.333%{rotate:-1.3deg}25%{rotate:-1.5deg}58.333%,91.667%{rotate:.75deg}66.667%,83.333%{rotate:1.3deg}75%{rotate:1.5deg}}.show-slides{display:grid}.show-slide{transition:opacity var(--dur-base) var(--ease-smooth), visibility var(--dur-base);grid-area:1/1}.show-slide[aria-hidden=true]{visibility:hidden;opacity:0}@media (prefers-reduced-motion:reduce){.show-slide{transition:none}}.dl-hint-frames{justify-items:center;width:100%}.dl-win{text-align:left;border:1px solid color-mix(in srgb, var(--color-tone-azure) 34%, transparent);border-radius:var(--radius-chip);background:linear-gradient(180deg, color-mix(in oklab, var(--color-tone-azure) 42%, var(--color-shell)), color-mix(in oklab, var(--color-tone-azure) 26%, var(--color-shell)));width:100%;max-width:16rem;box-shadow:var(--shadow-panel);flex-direction:column;align-items:flex-start;gap:8px;padding:14px 14px 12px;display:flex}.dl-win-title{color:var(--color-fg);line-height:1.2}.dl-win-bar{border-radius:var(--radius-hair);background:color-mix(in srgb, var(--color-fg) 20%, transparent);width:100%;height:6px;display:block}.dl-win-bar-short{width:62%}.dl-win-mark{min-width:0;margin-top:6px;display:inline-flex;position:relative}.dl-win-mark>:first-child{box-shadow:0 0 0 2px var(--tone,var(--color-accent-bright))}.dl-win-mark>.show-num{width:22px;height:22px;font-size:var(--text-small);position:absolute;top:-12px;right:-12px}.dl-win-link{border-radius:var(--radius-mini);color:var(--color-fg);text-underline-offset:3px;padding:2px 6px;text-decoration:underline}.dl-win-foot{justify-content:flex-end;align-self:stretch;gap:16px;margin-top:6px;display:flex}.dl-win-btn{border-radius:var(--radius-mini);min-width:48px;min-height:28px;color:var(--color-fg);text-align:center;background:color-mix(in srgb, var(--color-fg) 14%, transparent);flex:none;justify-content:center;align-items:center;padding:4px 10px;line-height:1.2;display:inline-flex}.dl-win-mark .dl-win-btn{flex:auto}
.demo-tray{box-shadow:0 0 110px -50px color-mix(in oklab, var(--tone,var(--color-accent-bright)) 55%, transparent);padding:1rem}@media not (min-width:40rem){.demo-tray{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}}.demo-cols{flex-direction:column;gap:1rem;display:flex}.demo-main{flex-direction:column;flex:1;gap:.75rem;min-width:0;display:flex}.demo-hint{text-align:center;text-wrap:balance;min-height:3rem;color:var(--color-fg-muted);justify-content:center;align-items:center;margin:0;display:flex}@media not (min-width:40rem){.demo-hint{min-height:4.5rem}}.demo-chapters{justify-content:center;align-items:center;gap:.5rem;min-width:0;min-height:2.75rem;display:flex}.demo-ch-list{scrollbar-width:none;border-radius:var(--radius-full);min-width:0;box-shadow:inset 0 0 0 1px var(--color-line-quiet);gap:6px;margin:0;padding:4px;list-style:none;display:flex;overflow-x:auto}.demo-ch-list::-webkit-scrollbar{display:none}.demo-ch{border-radius:var(--radius-full);height:36px;color:var(--color-fg-dim);white-space:nowrap;cursor:pointer;transition:color var(--dur-base) var(--ease-smooth), background-color var(--dur-base) var(--ease-smooth);background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;display:flex}.demo-ch:hover{color:var(--color-fg)}.demo-ch:focus-visible{outline:2px solid var(--tone,var(--color-accent-bright));outline-offset:2px}.demo-ch[aria-current=step]{color:var(--color-fg);background:color-mix(in oklab, var(--tone,var(--color-accent-bright)) 20%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone,var(--color-accent-bright)) 50%, transparent)}.demo-ch-num{color:var(--tone,var(--color-accent-bright))}.demo-ch-text{flex-direction:column;gap:2px;display:flex}.demo-ch-line{color:var(--color-fg-dim);display:none}@media not (min-width:64rem){.demo-ch-list>li{flex:none}.demo-ch-title{white-space:nowrap;text-wrap:nowrap}}.demo-restart{flex:none}@media (min-width:64rem){.demo-cols{flex-direction:row;align-items:flex-start;gap:1.5rem}.demo-chapters{flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;width:15rem;padding-top:3.75rem}.demo-ch-list{box-shadow:none;border-radius:0;flex-direction:column;gap:4px;padding:0;overflow:visible}.demo-ch{border-radius:var(--radius-el);text-align:left;white-space:normal;align-items:flex-start;width:100%;height:auto;padding:12px 14px}.demo-ch-num{padding-top:3px}.demo-ch-line{display:block}.demo-restart{align-self:flex-start}}.demo-tray [data-ring]{position:relative}.demo-tray [data-ring]:after{content:"";z-index:40;border-radius:var(--radius-el);box-shadow:0 0 0 2px var(--color-panel-voice), 0 0 18px 2px color-mix(in srgb, var(--color-panel-voice) 45%, transparent);pointer-events:none;animation:demo-ring 1.2s var(--ease-smooth) infinite;position:absolute;inset:-3px}.demo-tray [data-press]{transition:transform var(--dur-el) var(--ease-smooth);transform:scale(.94)!important}@keyframes demo-ring{0%,to{opacity:.45}50%{opacity:1}}.ppro{border:1px solid var(--color-ppro-line);border-radius:var(--radius-chip);background:var(--color-ppro-frame);font-family:var(--font-sans);position:relative;overflow:hidden;box-shadow:0 1px 1px #00000080,0 10px 24px -12px #0009,0 44px 78px -34px #000c;container:ppro/inline-size}.ppro-menu{border-bottom:1px solid var(--color-ppro-line);height:28px;font-size:var(--text-small);color:var(--color-ppro-text);white-space:nowrap;align-items:center;gap:14px;padding:0 10px;display:flex;overflow:hidden}.ppro-pr{border-radius:var(--radius-mini);background:var(--color-brand-premiere);width:18px;height:18px;color:var(--color-brand-premiere-ink);font:700 10px/18px var(--font-sans);text-align:center;flex:none}.ppro-body{flex-direction:column;display:flex}.ppro-slot{background:var(--color-panel-shell);border-bottom:1px solid var(--color-ppro-line);flex:none;width:381px;max-width:100%;height:600px;position:relative;overflow:hidden}.ppro-tl{background:var(--color-ppro-panel);flex:1;min-width:0;height:320px;display:flex}@container ppro (min-width:840px){.ppro-body{flex-direction:row;height:600px}.ppro-slot{border-bottom:0;border-right:1px solid var(--color-ppro-line)}.ppro-tl{height:auto}}
.pnl{background:var(--color-panel-shell);height:100%;color:var(--color-panel-fg);font:400 12px/1.35 var(--font-sans);--pad-min:84px;--pad-row:52px;flex-direction:column;gap:8px;padding:8px;display:flex;position:relative;container:pnl/inline-size}@container pnl not (min-width:236px){.pnl-grid{--pad-min:72px;--pad-row:45px}}@container pnl (236px<=width<356px){.pnl-grid{--pad-min:80px;--pad-row:50px}}@container pnl (536px<=width<776px){.pnl-grid{--pad-min:104px;--pad-row:64px}}.pnl button{font-family:inherit}.pnl-head{flex:none;align-items:center;gap:8px;height:26px;padding:2px 4px 0;display:flex}.pnl-s{border-radius:var(--radius-chip);background:linear-gradient(160deg, var(--color-panel-mint-lite), var(--color-panel-mint-dark));width:26px;height:26px;color:var(--color-panel-tray);font:600 13px/1 var(--font-display);flex:none;justify-content:center;align-items:center;display:flex}.pnl-title{font:600 15px/1 var(--font-sans);letter-spacing:-.01em}.pnl-sp{flex:1}.pnl-ghost{border-radius:var(--radius-chip);width:26px;height:26px;color:var(--color-panel-fg-dim);flex:none;justify-content:center;align-items:center;display:flex}.pnl-ghost svg{width:14px;height:14px}.pnl-ghost.is-help{font-weight:600}.pnl-ctl{border-radius:var(--radius-el);background:linear-gradient(180deg, var(--color-panel-card-top), var(--color-panel-card-bottom)) padding-box, linear-gradient(152deg, color-mix(in srgb, var(--color-panel-voice) 22%, transparent), var(--color-panel-line) 28%, var(--color-panel-line-quiet)) border-box;border:1px solid #0000;flex-direction:column;flex:none;gap:7px;padding:8px;display:flex}.pnl-offs{align-items:center;gap:8px;height:20px;display:flex}.pnl-offs>span:first-child{font-size:var(--text-label);color:var(--color-panel-fg-dim);white-space:nowrap}.pnl-offs .pnl-range,.sh-vol .pnl-range{flex:1}.pnl-num{min-width:30px;font:500 10px/1 var(--font-mono);color:var(--color-panel-fg);text-align:right}.pnl-num.is-wide{min-width:54px}.pnl-btns{flex-wrap:wrap;gap:6px;display:flex}.pnl-btns .pb{flex:130px}.pb{border-radius:var(--radius-chip);height:28px;font:500 12px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:transform var(--dur-el) var(--ease-smooth);border:1px solid #0000;padding:0 10px;position:relative;overflow:hidden}.pb:before{content:"";background:linear-gradient(90deg, transparent, var(--color-white-13), transparent);pointer-events:none;width:40%;position:absolute;top:-60%;bottom:-60%;left:-60%;transform:skew(-18deg)}.pb:disabled{cursor:default;opacity:.5}.pb:focus-visible,.pad-hit:focus-visible,.pad-dot:focus-visible,.pad-play:focus-visible,.sh-x:focus-visible,.pnl-kinds button:focus-visible,.st-act:focus-visible,.pal button:focus-visible,.sd-seg button:focus-visible,.vy-seg button:focus-visible,.sd-check:focus-visible{outline:2px solid var(--color-panel-voice);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.pb:hover:not(:disabled){transform:translateY(-1px)}.pb:hover:not(:disabled):before{transition:transform var(--dur-sheen) var(--ease-smooth);transform:translate(450%)skew(-18deg)}}.pb-mint{background:linear-gradient(180deg, var(--color-panel-mint-lite), var(--color-panel-mint-deep));color:var(--color-panel-tray)}.pb-glass{border-color:var(--color-panel-line-strong);background:linear-gradient(180deg, var(--color-white-10), var(--color-white-4));color:var(--color-panel-fg)}.pb-vary{border:1.5px dashed color-mix(in srgb, var(--color-panel-ember) 65%, transparent);background:color-mix(in srgb, var(--color-panel-ember) 10%, transparent);width:100%;color:var(--color-panel-ember);font-weight:600}.pb-vary.is-open{background:color-mix(in srgb, var(--color-panel-ember) 24%, transparent);color:var(--color-panel-fg);border-style:solid}.pb-sm{border-radius:var(--radius-chip);height:22px;font-size:var(--text-label);padding:0 9px}.pb-amber{border-color:color-mix(in srgb, var(--color-panel-ember) 50%, transparent);height:26px;color:var(--color-panel-ember);font-size:var(--text-label);background:0 0}.pnl-kinds{scrollbar-width:none;border-bottom:1px solid var(--color-panel-line-quiet);flex:none;gap:12px;padding:0 2px;display:flex;overflow-x:auto}.pnl-kinds button{color:var(--color-panel-fg-dim);font:500 11.5px/1 var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:5px 0 6px}.pnl-kinds em{font:500 9.5px/1 var(--font-mono);margin-left:4px;font-style:normal}.pnl-kinds button[aria-pressed=true]{border-bottom-color:var(--color-panel-voice);color:var(--color-panel-fg)}.pnl-kinds button[aria-pressed=true] em{color:var(--color-panel-voice)}.pnl-kinds button:disabled{cursor:default;opacity:.45}.pnl-grid{grid-template-columns:repeat(auto-fill, minmax(var(--pad-min), 1fr));grid-auto-rows:var(--pad-row);scrollbar-width:thin;flex:1;align-content:start;gap:8px;min-height:0;padding:2px;display:grid;position:relative;overflow-y:auto}.pnl-grid.is-busy:after{content:"";z-index:5;border-radius:var(--radius-el);background:#0607088c;position:absolute;inset:0}.pad{border-radius:var(--radius-el);background:linear-gradient(180deg, var(--color-panel-card-top), var(--color-panel-card-bottom)) padding-box, linear-gradient(152deg, color-mix(in srgb, var(--color-panel-voice) 30%, transparent) 0%, var(--color-panel-line) 28%, var(--color-panel-line-quiet) 100%) border-box;transition:transform var(--dur-el) var(--ease-smooth);border:1px solid #0000;position:relative;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000040,0 1px 1px #00000073,0 4px 10px -7px #00000080}.pad:hover{box-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px color-mix(in srgb, var(--color-panel-voice) 22%, transparent), 0 1px 1px #00000073, 0 4px 10px -7px #00000080}@media (prefers-reduced-motion:no-preference){.pad:hover{transform:translateY(-1px)}}.pad.is-playing{box-shadow:0 0 0 1.5px var(--color-panel-voice), 0 8px 18px -8px color-mix(in srgb, var(--color-panel-voice) 50%, transparent)}.pad-win{border-radius:var(--radius-el);background:linear-gradient(180deg, var(--color-black-55), var(--color-black-40));position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 2px 9px #0000008c}.pad-win svg,.pad-layer svg,.pad-slices svg,.sh-strip svg{width:100%;height:100%;position:absolute;inset:0}.pnl-wave{fill:color-mix(in srgb, var(--lbl,var(--color-panel-wave-single)) 86%, white)}.pnl-wave.is-layer{fill:color-mix(in srgb, var(--lbl,var(--color-panel-wave-layer)) 86%, white)}.pnl-wave.is-under path{stroke:#08090ae6;stroke-width:1.5px;vector-effect:non-scaling-stroke}.pad-layer{top:0;bottom:0;left:calc(var(--o) * 100%);width:calc(var(--d) * 100%);position:absolute}.pad-keys{z-index:1;flex-direction:column;gap:1px;display:flex;position:absolute;top:50%;left:3px;translate:0 -50%}.pad-keys i{border-radius:var(--radius-hair);background:color-mix(in srgb, var(--lbl,var(--color-panel-wave-layer)) 86%, white);width:3px;height:6px}.pad-slices{display:flex;position:absolute;inset:0}.pad-slices>div{border-left:1px solid var(--color-white-10);transition:opacity var(--dur-base) var(--ease-smooth), filter var(--dur-base) var(--ease-smooth);flex:1;position:relative}.pad-slices>div:first-child{border-left:0}.pad-slices>.is-dimmed{opacity:.3;filter:saturate(.2)}.pad-slices>.is-next:after{content:"";background:var(--color-panel-voice);height:2px;position:absolute;bottom:0;left:2px;right:2px}.pad-mark{top:0;bottom:0;left:calc(var(--mk) * 100%);z-index:1;background:var(--color-panel-voice);width:1px;box-shadow:0 0 4px var(--color-panel-voice);position:absolute}.pad-hit{z-index:1;border-radius:var(--radius-el);cursor:pointer;-webkit-touch-callout:none;background:0 0;border:0;padding:0;position:absolute;inset:0}.pad-top{z-index:2;pointer-events:none;align-items:center;gap:3px;padding:2px 3px;display:flex;position:absolute;top:0;left:0;right:0}.pad-top>button{pointer-events:auto}.pad-n{border-radius:var(--radius-mini);height:11px;color:var(--color-panel-fg-muted);font:500 7.5px/11px var(--font-mono);background:#08090a80;padding:0 4px}.pad-k{border-radius:var(--radius-mini);min-width:0;height:11px;font:500 7.5px/9px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;border:1px solid;padding:0 4px;overflow:hidden}.pad-k.is-layers{border-color:color-mix(in srgb, var(--color-panel-voice) 34%, transparent);color:var(--color-panel-voice)}.pad-k.is-cycle{border-color:var(--color-panel-line-strong);color:var(--color-panel-fg)}.pad-sp{flex:1}.pad-pm{border:1px solid color-mix(in srgb, var(--color-panel-ember) 40%, transparent);border-radius:var(--radius-hair);width:14px;height:11px;color:var(--color-panel-ember);font:500 8px/9px var(--font-mono);text-align:center;flex:none}.pad-dot{background:var(--lbl);border:0;border-radius:50%;flex:none;width:11px;height:11px;padding:0;box-shadow:inset 0 0 0 1px #00000059}.pad-dot.is-button{cursor:pointer}.pad-dot.is-none{background:linear-gradient(135deg, transparent 45%, var(--color-panel-fg-dim) 45%, var(--color-panel-fg-dim) 55%, transparent 55%), var(--color-white-7)}.pad-play{border:1px solid var(--color-panel-line-strong);border-radius:var(--radius-mini);background:linear-gradient(180deg, var(--color-white-10), var(--color-white-4));cursor:pointer;flex:none;justify-content:center;align-items:center;width:16px;height:14px;padding:0;display:flex}.pad-play:before{content:"";border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--color-panel-fg)}.pad.is-playing .pad-play{background:var(--color-panel-voice);border-color:#0000}.pad.is-playing .pad-play:before{background:var(--color-panel-tray);border:0;width:6px;height:6px}.pad-cap{z-index:2;border-top:1px solid var(--color-white-7);border-radius:0 0 var(--radius-el) var(--radius-el);-webkit-backdrop-filter:blur(9px)saturate(1.2);backdrop-filter:blur(9px)saturate(1.2);pointer-events:none;background:#08090a6b;align-items:baseline;gap:4px;padding:2px 3px;display:flex;position:absolute;bottom:0;left:0;right:0}.pad-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:8.5px;line-height:1.25;overflow:hidden}.pad-vol{color:var(--color-panel-ember);font:500 7.5px/1 var(--font-mono)}.pad-flash{z-index:3;border-radius:var(--radius-el);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-panel-voice) 60%, transparent);opacity:0;pointer-events:none;animation:pad-flash .42s var(--ease-smooth);position:absolute;inset:0}@keyframes pad-flash{0%{opacity:1}to{opacity:0}}.pad.is-empty,.pad.is-plus{border:1px dashed var(--color-panel-line-strong);background:var(--color-white-4);box-shadow:none;color:var(--color-panel-fg-dim);flex-direction:column;justify-content:center;align-items:center;display:flex}.pad.is-empty b{font:400 16px/1 var(--font-sans)}.pad.is-empty small{font:500 7.5px/1.4 var(--font-mono)}.pad.is-plus b{font:300 20px/1 var(--font-sans)}.pnl-range{--pt:var(--fill-tone,var(--color-panel-voice));height:14px;position:relative}.pnl-range input{z-index:2;cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.pnl-range-track{border-radius:var(--radius-hair);background:var(--color-black-55);height:4px;position:absolute;top:5px;left:0;right:0}.pnl-range-fill{top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));border-radius:var(--radius-hair);background:var(--pt);position:absolute}.pnl-range-zero{background:var(--color-white-35);width:1px;height:10px;position:absolute;top:-3px;left:50%}.pnl-range-knob{top:50%;left:var(--p);background:linear-gradient(#fff,#dfe2e4);border-radius:50%;width:12px;height:12px;position:absolute;translate:-50% -50%;box-shadow:0 1px 2px #00000080}.pnl-range input:focus-visible+.pnl-range-track .pnl-range-knob{outline:2px solid var(--pt);outline-offset:2px}.pnl-range.is-off{opacity:.4}.pnl-status{color:var(--sc);font-size:var(--text-label);--sc:var(--color-panel-fg-dim);--sr:var(--color-white-7);flex:none;align-items:flex-start;gap:8px;padding:3px 4px 2px;line-height:1.4;display:flex}.pnl-status.is-busy{--sc:var(--color-panel-ember);--sr:color-mix(in srgb, var(--color-panel-ember) 16%, transparent)}.pnl-status.is-ok{--sc:var(--color-panel-voice);--sr:color-mix(in srgb, var(--color-panel-voice) 16%, transparent)}.pnl-status.is-error{--sc:var(--color-panel-danger);--sr:color-mix(in srgb, var(--color-panel-danger) 16%, transparent)}.st-dot{background:var(--sc);width:6px;height:6px;box-shadow:0 0 0 3px var(--sr);border-radius:50%;flex:none;margin-top:5px}.pnl-status.is-busy .st-dot{animation:st-pulse 1.1s var(--ease-swing) infinite}@keyframes st-pulse{50%{opacity:.35}}.st-text{flex:1;min-width:0}.st-act{border:1px solid var(--color-panel-line-strong);border-radius:var(--radius-mini);background:var(--color-white-7);height:18px;color:var(--color-panel-fg);font-size:var(--text-label);vertical-align:1px;cursor:pointer;margin-left:6px;padding:0 8px}.st-count{color:var(--color-panel-fg-dim);font:400 9.5px/1.6 var(--font-mono);flex:none;margin-top:1px}.pnl-dim{z-index:10;background:#06070880;position:absolute;inset:0}.sheet{z-index:11;border:1px solid var(--color-panel-line);border-radius:var(--radius-el);background:var(--color-panel-menu);max-height:74%;box-shadow:0 1px 1px #0000008c, 0 10px 24px -12px #0009, 0 44px 78px -34px #000c, 0 0 0 1px color-mix(in srgb, var(--color-panel-voice) 16%, transparent);scrollbar-width:thin;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;overflow-y:auto}.sh-head{align-items:center;gap:8px;min-height:22px;display:flex}.sh-num{border-radius:var(--radius-mini);background:linear-gradient(180deg, var(--color-panel-mint-lite), var(--color-panel-mint-deep));height:18px;color:var(--color-panel-tray);font:500 9.5px/18px var(--font-mono);flex:none;padding:0 6px}.sh-name{min-width:0;font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.sh-kind{border:1px solid color-mix(in srgb, var(--color-panel-voice) 34%, transparent);border-radius:var(--radius-mini);background:color-mix(in srgb, var(--color-panel-voice) 12%, transparent);height:18px;color:var(--color-panel-voice);font:500 9.5px/16px var(--font-mono);flex:none;padding:0 6px}.sh-kind.is-cycle{color:var(--color-panel-fg)}.sh-x{border:1px solid var(--color-panel-line);border-radius:var(--radius-chip);width:22px;height:22px;color:var(--color-panel-fg-dim);font-size:var(--text-body);cursor:pointer;background:0 0;flex:none;padding:0;line-height:1}.sh-x:hover{color:var(--color-panel-fg)}.sh-card{border:1px solid var(--color-panel-line-quiet);border-radius:var(--radius-chip);background:var(--color-white-4);flex-direction:column;gap:8px;padding:8px;display:flex}.sh-cap{color:var(--color-panel-fg-dim);font:500 9px/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;gap:8px;display:flex}.sh-cap em{font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:0;text-transform:none;margin-left:auto}.sh-row,.sh-vol{align-items:center;gap:8px;display:flex}.sh-lbl{color:var(--color-panel-fg-muted);font-size:var(--text-label)}.sh-read{border-radius:var(--radius-mini);background:color-mix(in srgb, var(--color-panel-voice) 12%, transparent);height:20px;color:var(--color-panel-voice);font:400 10px/20px var(--font-mono);padding:0 7px}.sh-strip{border:1px solid var(--color-black-55);border-radius:var(--radius-chip);background:linear-gradient(180deg, var(--color-black-55), var(--color-black-40));cursor:ew-resize;touch-action:none;height:44px;position:relative;overflow:hidden}.sh-strip svg{pointer-events:none}.sh-done{width:calc(var(--mk) * 100%);background:color-mix(in srgb, var(--color-panel-voice) 6%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.sh-mk{top:0;bottom:0;left:calc(var(--mk) * 100%);background:var(--color-panel-voice);width:2px;box-shadow:0 0 6px var(--color-panel-voice);pointer-events:none;margin-left:-1px;position:absolute}.sh-mk:before{content:"";border-radius:0 0 var(--radius-hair) var(--radius-hair);background:var(--color-panel-voice);width:9px;height:8px;position:absolute;top:0;left:-4px}.sh-btns{gap:6px;display:flex}.div-box{border:1px solid color-mix(in srgb, var(--color-panel-ember) 50%, transparent);border-radius:var(--radius-chip);background:color-mix(in srgb, var(--color-panel-ember) 7%, transparent);flex-direction:column;gap:6px;padding:8px;display:flex}.div-box .sh-cap{color:var(--color-panel-ember)}.div-line{color:var(--color-panel-fg-muted);font-size:var(--text-label)}.sh-title{min-width:0;font-size:var(--text-small);flex-direction:column;font-weight:500;line-height:1.25;display:flex}.sh-title small{color:var(--color-panel-fg-dim);font-size:var(--text-label);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.sh-card.is-amber{border-color:color-mix(in srgb, var(--color-panel-ember) 55%, transparent);background:color-mix(in srgb, var(--color-panel-ember) 6%, transparent);--pt:var(--color-panel-ember);--fill-tone:var(--color-panel-ember)}.sh-card.is-amber>.sh-cap{color:var(--color-panel-ember)}.sd-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sd-list li{border-radius:var(--radius-chip);background:var(--color-black-40);align-items:center;gap:8px;padding:5px 8px;display:flex}.sd-n{color:var(--color-panel-fg-dim);font:400 9px/1 var(--font-mono);flex:none}.pnl-wave.sd-wave{flex:none;width:36px;height:14px;position:static}.sd-file{min-width:0;font-size:var(--text-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sd-list em,.sd-hint{color:var(--color-panel-fg-dim);font-size:var(--text-label)}.sd-hint{font-size:var(--text-label);margin:0}.sd-seg,.vy-seg{border:1px solid var(--color-black-55);border-radius:var(--radius-chip);background:linear-gradient(180deg, var(--color-black-55), var(--color-black-40));flex:none;gap:4px;padding:3px;display:flex}.vy-seg{border-color:var(--color-panel-line-quiet);border-radius:var(--radius-chip);background:var(--color-white-4)}.sd-seg button,.vy-seg button{border-radius:var(--radius-mini);height:22px;color:var(--color-panel-fg-dim);font:500 11.5px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;flex:1}.vy-seg button{border-radius:var(--radius-chip);height:26px;font-size:var(--text-small)}.sd-seg button[aria-pressed=true],.vy-seg button[aria-pressed=true]{background:linear-gradient(180deg, var(--color-white-13), var(--color-white-7));color:var(--color-panel-fg);box-shadow:inset 0 0 0 1px var(--color-panel-line-strong)}.sd-row{flex-direction:column;gap:4px;display:flex}.sd-top{font-size:var(--text-label);cursor:pointer;align-items:center;gap:8px;display:flex}.sd-check{border:1px solid var(--color-panel-line-strong);border-radius:var(--radius-mini);background:var(--color-black-55);appearance:none;cursor:pointer;flex:none;place-content:center;width:15px;height:15px;margin:0;display:grid}.sd-check:checked{border-color:var(--pt);background:var(--pt)}.sd-check:checked:before{content:"";border-bottom:2px solid var(--color-panel-tray);border-left:2px solid var(--color-panel-tray);width:8px;height:4px;margin-top:-2px;transform:rotate(-45deg)}.sd-ctl,.vy-slider{align-items:center;gap:8px;padding-left:23px;display:flex}.vy-slider{padding-left:0}.sd-sub{min-width:72px;color:var(--color-panel-fg-dim);font-size:var(--text-label);flex:none}.sd-ctl .pnl-range,.vy-slider .pnl-range{flex:1}.sd-row.is-off .sd-sub,.sd-row.is-off .pnl-num{opacity:.4}.sd-foot{color:var(--color-panel-fg-dim);font:400 9.5px/1.3 var(--font-mono);flex:none;align-items:center;gap:8px;display:flex}.vy-chart{border-radius:var(--radius-chip);background:var(--color-black-40);width:100%;height:96px;display:block}.vy-chart line,.vy-chart polyline{fill:none;vector-effect:non-scaling-stroke}.vy-zero{stroke:var(--color-white-13);stroke-width:1px}.vy-len,.vy-vol{stroke-width:2px;stroke-linejoin:round}.vy-len{stroke:var(--color-panel-ember)}.vy-vol{stroke:var(--color-panel-ladder-gain)}.vy-legend{color:var(--color-panel-fg-dim);font:400 9px/1 var(--font-mono);gap:12px;display:flex}.vy-legend span:before{content:"";background:var(--dot);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.vy-legend .is-pitch{--dot:var(--color-panel-voice)}.vy-legend .is-len,.vy-slider.is-len{--dot:var(--color-panel-ember);--pt:var(--color-panel-ember);--fill-tone:var(--color-panel-ember)}.vy-legend .is-vol,.vy-slider.is-vol{--dot:var(--color-panel-ladder-gain);--pt:var(--color-panel-ladder-gain);--fill-tone:var(--color-panel-ladder-gain)}.vy-slider .pnl-num{color:var(--pt)}.vy-caption{color:var(--color-panel-fg-muted);font-size:var(--text-label);margin:0;line-height:1.4}.vy-btns{flex-wrap:wrap;flex:none;gap:6px;display:flex}.vy-btns .pb{flex:auto}.pal-catch{z-index:19;position:absolute;inset:0}.pal{top:var(--pal-y,0);left:var(--pal-x,0);z-index:20;border:1px solid var(--color-panel-line);border-radius:var(--radius-chip);background:var(--color-panel-menu);grid-template-columns:repeat(8,18px);gap:4px;padding:6px;display:grid;position:absolute;box-shadow:0 10px 24px -8px #000000b3}.pal button{border:1px solid var(--color-black-40);border-radius:var(--radius-mini);background:var(--lbl);cursor:pointer;width:18px;height:18px;padding:0}.pal button[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-panel-fg)}.lbl-violet{--lbl:var(--color-ppro-label-violet)}.lbl-iris{--lbl:var(--color-ppro-label-iris)}.lbl-caribbean{--lbl:var(--color-ppro-label-caribbean)}.lbl-lavender{--lbl:var(--color-ppro-label-lavender)}.lbl-cerulean{--lbl:var(--color-ppro-label-cerulean)}.lbl-forest{--lbl:var(--color-ppro-label-forest)}.lbl-rose{--lbl:var(--color-ppro-label-rose)}.lbl-mango{--lbl:var(--color-ppro-label-mango)}.lbl-purple{--lbl:var(--color-ppro-label-purple)}.lbl-blue{--lbl:var(--color-ppro-label-blue)}.lbl-teal{--lbl:var(--color-ppro-label-teal)}.lbl-magenta{--lbl:var(--color-ppro-label-magenta)}.lbl-tan{--lbl:var(--color-ppro-label-tan)}.lbl-green{--lbl:var(--color-ppro-label-green)}.lbl-brown{--lbl:var(--color-ppro-label-brown)}.lbl-grey{--lbl:var(--color-ppro-label-grey)}.tl{background:var(--color-ppro-panel);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.tl-tab{border-bottom:1px solid var(--color-ppro-line);flex:none;align-items:center;gap:16px;height:28px;padding:0 10px;display:flex}.tl-seq{color:var(--color-ppro-text);font-size:var(--text-small)}.tl-tc{color:var(--color-ppro-playhead);font:400 12px/1 var(--font-mono)}.tl-ruler{border-bottom:1px solid var(--color-ppro-line);flex:none;grid-template-columns:56px 1fr;height:22px;display:grid}.tl-rl{background:repeating-linear-gradient(to right, var(--color-ppro-line) 0 1px, transparent 1px 5%) left bottom / 100% 4px no-repeat;cursor:pointer;touch-action:none;display:flex;position:relative}.tl-marks{pointer-events:none;flex:1;display:flex}.tl-marks.is-phone{display:none}.tl-mark{color:var(--color-ppro-dim);font:400 10.5px/1 var(--font-mono);white-space:nowrap;pointer-events:none;flex:1;padding:4px 0 0 3px}.tl-ring{top:1px;bottom:1px;left:calc(var(--at) * 100%);z-index:4;border-radius:var(--radius-mini);width:20px;box-shadow:0 0 0 2px var(--color-panel-voice), 0 0 18px 2px color-mix(in srgb, var(--color-panel-voice) 45%, transparent);pointer-events:none;animation:demo-ring 1.2s var(--ease-smooth) infinite;margin-left:-10px;position:absolute}.tl-tracks{scrollbar-width:thin;flex:1;min-height:0;position:relative;overflow-y:auto}.tl-row{border-bottom:1px solid var(--color-ppro-line);background:var(--color-ppro-track);grid-template-columns:56px 1fr;height:46px;display:grid}.tl-row-alt{background:var(--color-ppro-track-alt)}.tl-row-v{height:30px}.tl-row>b{border-right:1px solid var(--color-ppro-line);color:var(--color-ppro-dim);font:500 10.5px/1 var(--font-mono);justify-content:center;align-items:center;display:flex}.tl-lane{position:relative;overflow:hidden}.tl-clip{top:2px;bottom:2px;left:calc(var(--x) * 100%);width:calc(var(--w) * 100%);border-radius:var(--radius-hair);background:var(--lbl);animation:tl-clip-in var(--dur-el) var(--ease-smooth);position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}@keyframes tl-clip-in{0%{opacity:0;transform:translateY(-8px)}}.tl-clip.is-selected{box-shadow:inset 0 0 0 1px var(--color-ppro-select)}.tl-clip.is-pickable{cursor:pointer}.tl-clip-name{z-index:1;color:#fff;font:400 10.5px/1.2 var(--font-sans);text-overflow:ellipsis;text-shadow:0 1px 1px #0009;white-space:nowrap;position:absolute;top:3px;left:4px;right:2px;overflow:hidden}.tl-clip .tl-clip-wave{width:100%;height:70%;fill:var(--color-black-40);position:absolute;inset:auto 0 0}.tl-clip-wave.is-reversed{transform:scaleX(-1)}.tl-clip-vol{border-top:1px solid var(--color-white-55);height:100%;transform:translateY(calc(var(--vol) * 1%));transition:transform var(--dur-base) var(--ease-smooth);pointer-events:none;position:absolute;top:0;left:0;right:0}.tl-ph-lane{z-index:3;transform:translateX(calc(var(--ph) * 100%));pointer-events:none;position:absolute;inset:28px 0 0 56px}.tl-ph{background:var(--color-ppro-playhead);width:1px;position:absolute;top:0;bottom:0;left:0}.tl-ph:before{content:"";background:var(--color-ppro-playhead);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);width:11px;height:12px;position:absolute;top:5px;left:-5px}@media not (min-width:40rem){.ppro-menu{display:none}.ppro-slot{width:100%;height:auto;min-height:440px}.ppro-tl{height:auto}.tl-ruler,.tl-row{grid-template-columns:40px 1fr}.tl-ph-lane{left:40px}.tl-row-v{display:none}.tl-tracks{flex:none;height:138px;overflow:hidden}.tl-rows{transform:translateY(calc(var(--tw) * -46px));transition:transform var(--dur-base) var(--ease-smooth)}.tl-marks{display:none}.tl-marks.is-phone{display:flex}}
.is-ribbon .demo-ch-list>li{flex:none}.is-ribbon .demo-ch{padding:0 16px}.is-ribbon .demo-ch-title{white-space:nowrap;text-wrap:nowrap}.demo-ch-restart{width:36px;font-size:var(--text-body);justify-content:center;padding:0}@media (min-width:64rem){.demo-cols.is-ribbon{flex-direction:column;align-items:stretch;gap:1rem}.is-ribbon .demo-chapters{flex-direction:row;justify-content:center;align-items:center;width:auto;padding-top:0}.is-ribbon .demo-ch-list{border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px var(--color-line-quiet);flex-direction:row;gap:6px;padding:4px;overflow-x:auto}.is-ribbon .demo-ch{border-radius:var(--radius-full);white-space:nowrap;align-items:center;width:auto;height:36px;padding:0 16px}.is-ribbon .demo-ch.demo-ch-restart{width:36px;padding:0}}.is-binder [data-ring]:after{box-shadow:0 0 0 2px var(--color-panel-azure), 0 0 18px 2px color-mix(in srgb, var(--color-panel-azure) 45%, transparent)}.is-binder .bd-btn[data-ring]{animation:bd-ring 1.2s var(--ease-smooth) infinite;overflow:visible}.is-binder .bd-btn[data-ring]:before,.is-binder .bd-btn[data-ring]:after{display:none}@keyframes bd-ring{0%,to{box-shadow:0 0 0 3px var(--color-panel-surface), 0 0 0 5px color-mix(in srgb, var(--color-panel-azure) 45%, transparent), 0 0 18px 5px color-mix(in srgb, var(--color-panel-azure) 20%, transparent)}50%{box-shadow:0 0 0 3px var(--color-panel-surface), 0 0 0 5px var(--color-panel-azure), 0 0 18px 5px color-mix(in srgb, var(--color-panel-azure) 45%, transparent)}}.ppro-tl.is-project{height:420px;position:relative}@container ppro not (min-width:840px){.is-binder .ppro-slot{width:100%;height:auto;min-height:0}.ppro-tl.is-project{flex:none}}@container ppro (min-width:840px){.ppro-tl.is-project{height:auto}}.bd{background:var(--color-panel-shell);height:100%;color:var(--color-panel-fg);font:400 12.5px/1.35 var(--font-sans);font-variant-numeric:tabular-nums;flex-direction:column;gap:8px;padding:8px;display:flex;position:relative}.bd button{font-family:inherit}.bd-head{flex:none;align-items:center;gap:8px;height:26px;padding:0 2px;display:flex}.bd-b{border-radius:var(--radius-mini);background:linear-gradient(160deg, var(--color-panel-azure-lite), var(--color-panel-azure-dark));width:26px;height:26px;color:var(--color-panel-tray);font:600 13px/1 var(--font-display);flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 5px 15px -4px #44d1ff6b}.bd-title{font:500 15px/1 var(--font-display);letter-spacing:-.022em}.bd-by{min-width:0;font-size:var(--text-small);color:var(--color-panel-fg-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bd-sp{flex:1}.bd-q{border:1px solid var(--color-panel-line);border-radius:var(--radius-chip);width:22px;height:22px;font-size:var(--text-label);color:var(--color-panel-fg-dim);flex:none;justify-content:center;align-items:center;display:flex}.bd-tabs{border-bottom:1px solid var(--color-panel-line-quiet);flex:none;align-items:flex-end;gap:14px;min-width:0;display:flex}.bd-tabs button{font:500 12.5px/1 var(--font-sans);color:var(--color-panel-fg-dim);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:4px 0 7px;display:inline-flex}.bd-tabs button[aria-pressed=true]{border-bottom-color:var(--color-panel-azure);color:var(--color-panel-fg)}.bd-tabs em{font:500 9.5px/1 var(--font-mono);color:var(--color-panel-azure);font-style:normal}.bd-live{min-width:0;font-size:var(--text-label);color:var(--color-panel-fg);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;padding-bottom:7px;display:flex;overflow:hidden}.bd-live>span{text-overflow:ellipsis;overflow:hidden}.bd-live.is-off{color:var(--color-panel-fg-dim)}.bd-dot{background:var(--color-panel-azure);border-radius:50%;flex:none;width:6px;height:6px;position:relative}.bd-dot:after{content:"";box-shadow:0 0 0 1px var(--color-panel-azure);animation:bd-dot 2.6s var(--ease-smooth) infinite;border-radius:50%;position:absolute;inset:0}.bd-dot.is-off{background:var(--color-panel-off)}.bd-dot.is-off:after{display:none}@keyframes bd-dot{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.bd-body{scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}.bd-card{--bt:var(--color-panel-azure);border:1px solid var(--color-panel-line-quiet);border-radius:var(--radius-el);background:var(--color-panel-surface);flex-direction:column;flex:none;gap:8px;padding:10px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0006}.bd-card.is-mint{--bt:var(--color-panel-voice)}.bd-card.is-violet{--bt:var(--color-panel-violet)}.bd-card.is-ember{--bt:var(--color-panel-ember)}.bd-cap{font:500 9.5px/1.3 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bt);align-items:center;gap:8px;display:flex}.bd-cap em{font-size:var(--text-label);letter-spacing:0;text-transform:none;color:var(--color-panel-azure);margin-left:auto;font-style:normal}.bd-btn{border-radius:var(--radius-chip);height:28px;font:500 12.5px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:transform var(--dur-el) var(--ease-smooth), opacity var(--dur-base) var(--ease-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:relative;overflow:hidden}.bd-btn:before{content:"";background:linear-gradient(90deg, transparent, var(--color-white-13), transparent);pointer-events:none;width:40%;position:absolute;top:-60%;bottom:-60%;left:-60%;transform:skew(-18deg)}@media (prefers-reduced-motion:no-preference){.bd-btn:hover:not(:disabled){transform:translateY(-1px)}.bd-btn:hover:not(:disabled):before{transition:transform var(--dur-sheen) var(--ease-smooth);transform:translate(450%)skew(-18deg)}}.bd-btn:disabled{opacity:.42;filter:saturate(.12);cursor:default}.bd-btn.is-mint{background:linear-gradient(180deg, var(--color-panel-mint-lite), var(--color-panel-mint-deep));width:100%;color:var(--color-panel-tray)}.bd-btn.is-azure{background:linear-gradient(180deg, var(--color-panel-azure-lite), var(--color-panel-azure-deep));color:var(--color-panel-tray)}.bd-btn.is-glass{border-color:var(--color-panel-line-strong);background:linear-gradient(180deg, var(--color-white-10), var(--color-white-4));color:var(--color-panel-fg)}.bd-btn.is-undo{width:100%;color:var(--color-panel-ember);background:0 0;border-color:#ffaa4661}.bd-btn.is-ghost{border-color:var(--color-panel-line);height:24px;font-size:var(--text-label);color:var(--color-panel-fg-muted);background:0 0}.bd-btn.is-run:after{content:"";background:linear-gradient(90deg, transparent, var(--color-panel-fg), transparent);width:100%;height:1px;animation:2.6s linear infinite bd-scan;position:absolute;bottom:0;left:0}@keyframes bd-scan{0%{transform:translate(-102%)}to{transform:translate(102%)}}.bd-self-start{align-self:flex-start}.bd-sunk{border-radius:var(--radius-chip);background:var(--color-panel-sunk);flex-direction:column;gap:6px;padding:8px;display:flex;box-shadow:inset 0 1px 3px #00000080}.bd-row{align-items:center;gap:8px;min-width:0;display:flex}.bd-chk{min-width:0;font:400 12px/1.2 var(--font-sans);color:var(--color-panel-fg-muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.bd-chk i{border:1px solid var(--color-panel-line-strong);border-radius:var(--radius-mini);background:var(--color-black-55);flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.bd-chk[aria-pressed=true]{color:var(--color-panel-fg)}.bd-chk[aria-pressed=true] i{background:var(--color-panel-teal);border-color:#0000}.is-violet .bd-chk[aria-pressed=true] i{background:var(--color-panel-violet)}.is-ember .bd-chk[aria-pressed=true] i{background:var(--color-panel-ember)}.bd-chk[aria-pressed=true] i:before{content:"";border:solid var(--color-panel-tray);border-width:0 0 2px 2px;width:8px;height:4px;translate:0 -1px;rotate:-45deg}.bd-dots{border-bottom:1px dotted var(--color-panel-line-strong);flex:1;align-self:center;min-width:12px;height:1px}.bd-min{font-size:var(--text-label);color:var(--color-panel-fg-dim);align-items:center;gap:6px;display:inline-flex}.bd-min input{border:1px solid var(--color-panel-line);border-radius:var(--radius-mini);background:var(--color-black-55);width:58px;height:24px;font:500 11.5px/1 var(--font-mono);color:var(--color-panel-fg);text-align:center;padding:0 4px}.bd-min input:focus-visible{outline:2px solid var(--color-panel-teal);outline-offset:1px}.bd-note{font:400 10px/1.35 var(--font-mono);color:var(--color-panel-fg-dim)}.bd-note.is-ok{color:var(--color-panel-voice)}.bd-chips{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;display:grid}.bd-chip{border:1px solid var(--color-panel-line);border-radius:var(--radius-chip);background:var(--color-white-7);min-width:0;height:24px;font:400 12px/1 var(--font-sans);color:var(--color-panel-fg-muted);text-align:left;cursor:pointer;align-items:center;gap:6px;padding:0 7px;display:flex}.bd-chip i{background:var(--c,none);width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--color-panel-line-strong);border-radius:50%;flex:none}.bd-chip i[data-l]{box-shadow:none}.bd-chip span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.bd-chip b{font:500 10px/1 var(--font-mono);color:var(--color-panel-fg-dim)}.bd-chip.is-hit,.bd-chip.is-hit b{color:var(--color-panel-fg)}.bd-chip[aria-pressed=true]{border-color:#d4aaff8c}.bd-pal{border-radius:var(--radius-chip);background:var(--color-panel-base);flex-direction:column;gap:6px;padding:8px;display:flex}.bd-pal-h{font:500 9.5px/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-panel-fg-dim);align-items:center;gap:6px;display:flex}.bd-pal-h button{border:1px solid var(--color-panel-line);border-radius:var(--radius-mini);width:20px;height:20px;font-size:var(--text-small);color:var(--color-panel-fg-dim);cursor:pointer;background:0 0;flex:none;margin-left:auto;padding:0;line-height:1}.bd-pal-g{grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:4px;display:grid}.bd-pal-g button{border-radius:var(--radius-mini);background:var(--c);cursor:pointer;border:0;height:22px;padding:0;box-shadow:inset 0 0 0 1px #00000059}.bd-pal-g button.is-none{background:repeating-linear-gradient(45deg, var(--color-panel-menu) 0 4px, var(--color-panel-base) 4px 8px)}.bd-pal-g button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--color-panel-fg)}.bd-empty{border:1px dashed var(--color-panel-line-strong);border-radius:var(--radius-el);text-align:center;flex-direction:column;gap:4px;padding:14px 12px;display:flex}.bd-empty b{font-size:var(--text-small);font-weight:500}.bd-empty span{font-size:var(--text-label);color:var(--color-panel-fg-dim);line-height:1.4}.bd-fold{border-radius:var(--radius-chip);animation:bd-in var(--dur-base) var(--ease-smooth);background:linear-gradient(#44d1ff1a,#44d1ff00);border:1px solid #44d1ff52;flex-direction:column;gap:3px;padding:8px 8px 8px 12px;display:flex;position:relative;overflow:hidden}.bd-fold:before,.bd-out.is-on:before{content:"";background:var(--color-panel-azure);width:2px;position:absolute;top:0;bottom:0;left:0}.bd-fold:after,.bd-out.is-on:after{content:"";background:linear-gradient(90deg, transparent, var(--color-panel-azure), transparent);width:100%;height:1px;animation:2.6s linear infinite bd-scan;position:absolute;bottom:0;left:0}@keyframes bd-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.bd-fold-n{min-width:0;font-size:var(--text-small);align-items:center;gap:7px;font-weight:500;display:flex}.bd-fold-n>span:not(.bd-on,.bd-fold-x){white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.bd-on{border-radius:var(--radius-mini);background:var(--color-panel-azure);height:16px;font:500 9.5px/16px var(--font-mono);color:var(--color-panel-tray);flex:none;padding:0 6px}.bd-on.is-amber{background:var(--color-panel-ember)}.bd-fold-x{border:1px solid var(--color-panel-line);border-radius:var(--radius-mini);width:20px;height:20px;font-size:var(--text-small);color:var(--color-panel-fg-dim);flex:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.bd-path{font:400 10px/1.3 var(--font-mono);color:var(--color-panel-fg-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bd-stat{font:500 10px/1.3 var(--font-mono);color:var(--color-panel-azure)}.bd-btns{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:6px;display:grid}.bd-out{border-radius:var(--radius-chip);background:var(--color-panel-sunk);flex-direction:column;gap:6px;padding:8px;display:flex;position:relative;overflow:hidden}.bd-out.is-on{background:linear-gradient(#ffaa461a,#ffaa4600);padding-left:12px;box-shadow:inset 0 0 0 1px #ffaa4652}.bd-out.is-on:before{background:var(--color-panel-ember)}.bd-out.is-on:after{background:linear-gradient(90deg, transparent, var(--color-panel-ember), transparent)}.bd-filt{flex-direction:column;gap:8px;display:flex}.bd-filt-h{align-items:center;gap:10px;display:flex}.bd-filt-h h4{font:500 14px/1 var(--font-display);letter-spacing:-.02em;margin:0}.bd-filt-row{align-items:center;gap:8px;display:flex}.bd-filt-row .bd-note{margin-left:auto}.bd-status{min-height:16px;font-size:var(--text-small);color:var(--color-panel-fg-dim);flex:none;align-items:flex-start;gap:8px;padding:0 2px;line-height:1.35;display:flex}.bd-status.is-busy{color:var(--color-panel-azure)}.bd-status.is-ok{color:var(--color-panel-voice)}.bd-status.is-warn{color:var(--color-panel-ember)}.bd-log{font-size:var(--text-label);color:var(--color-panel-fg-dim);flex:none;align-items:center;gap:6px;display:flex}.bd-log i{border:4px solid #0000;border-left:6px solid;border-right-width:0;width:0;height:0}.bd [data-l=violet]{--c:var(--color-panel-label-violet)}.bd [data-l=iris]{--c:var(--color-panel-label-iris)}.bd [data-l=caribbean]{--c:var(--color-panel-label-caribbean)}.bd [data-l=lavender]{--c:var(--color-panel-label-lavender)}.bd [data-l=cerulean]{--c:var(--color-panel-label-cerulean)}.bd [data-l=forest]{--c:var(--color-panel-label-forest)}.bd [data-l=rose]{--c:var(--color-panel-label-rose)}.bd [data-l=mango]{--c:var(--color-panel-label-mango)}.bd [data-l=purple]{--c:var(--color-panel-label-purple)}.bd [data-l=blue]{--c:var(--color-panel-label-blue)}.bd [data-l=teal]{--c:var(--color-panel-label-teal)}.bd [data-l=magenta]{--c:var(--color-panel-label-magenta)}.bd [data-l=tan]{--c:var(--color-panel-label-tan)}.bd [data-l=green]{--c:var(--color-panel-label-green)}.bd [data-l=brown]{--c:var(--color-panel-label-brown)}.bd [data-l=yellow]{--c:var(--color-panel-label-yellow)}.pp{background:var(--color-ppro-panel);min-width:0;font:400 12px/1.2 var(--font-sans);color:var(--color-ppro-text);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex;position:relative}.pp-tab{border-bottom:1px solid var(--color-ppro-line);white-space:nowrap;flex:none;align-items:center;gap:10px;height:28px;padding:0 10px;display:flex;overflow:hidden}.pp-tab b{border-bottom:2px solid var(--color-ppro-playhead);padding:7px 0 5px;font-weight:500}.pp-tab span{color:var(--color-ppro-dim)}.pp-btn{border:1px solid var(--color-ppro-button-line);border-radius:var(--radius-mini);background:var(--color-ppro-button);height:20px;font:400 11px/1 var(--font-sans);color:var(--color-ppro-text);cursor:pointer;flex:none;padding:0 9px}.pp-btn:hover{border-color:var(--color-ppro-button-line-hover)}.pp-btn:disabled{opacity:.45;cursor:default}.pp-ml-auto{margin-left:auto}.pp-self-end{align-self:flex-end}.pp-cols,.pp-row{grid-template-columns:22px minmax(0,1fr) 64px;align-items:center;padding:0 8px;display:grid}.pp-cols{border-bottom:1px solid var(--color-ppro-line);height:22px;font-size:var(--text-label);color:var(--color-ppro-dim);flex:none}.pp-cols span:last-child{text-align:right}.pp-list{scrollbar-width:thin;flex:1;min-height:0;padding:2px 0 8px;position:relative;overflow:hidden auto}.pp-row{height:21px}.pp-row:nth-child(2n){background:var(--color-white-4)}.pp-row.is-bin{cursor:pointer}.pp-row.is-flying{z-index:2;position:relative}.pp-row.is-fresh{animation:pp-in .42s var(--ease-smooth)}@keyframes pp-in{0%{background:#44d1ff47}to{background:0 0}}.pp-lab{border-radius:var(--radius-hair);background:var(--c,transparent);width:10px;height:10px}.pp-name{align-items:center;gap:6px;min-width:0;display:flex}.pp-row[data-d="1"] .pp-name{padding-left:16px}.pp-row[data-d="2"] .pp-name{padding-left:32px}.pp-row[data-d="3"] .pp-name{padding-left:48px}.pp-name>span:last-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pp-tw{width:8px;height:8px;color:var(--color-ppro-dim);flex:none;justify-content:center;align-items:center;display:inline-flex}.pp-tw:before{content:"";border:3.5px solid #0000;border-top:5px solid;border-bottom-width:0}.pp-tw.is-shut{rotate:-90deg}.pp-tw.is-none{visibility:hidden}.pp-ic{width:14px;height:14px;color:var(--color-ppro-dim);flex:none}.pp-ic svg{width:100%;height:100%;display:block}.pp-row.is-bin .pp-ic{color:var(--c,var(--color-ppro-dim))}.pp-row.is-off .pp-ic{color:var(--color-ppro-offline)}.pp-row.is-off .pp-name>span:last-child{color:var(--color-ppro-offline-text);font-style:italic}.pp-cnt{font:400 10.5px/1 var(--font-mono);color:var(--color-ppro-dim);text-align:right}.pp [data-l=violet]{--c:var(--color-ppro-label-violet)}.pp [data-l=iris]{--c:var(--color-ppro-label-iris)}.pp [data-l=caribbean]{--c:var(--color-ppro-label-caribbean)}.pp [data-l=lavender]{--c:var(--color-ppro-label-lavender)}.pp [data-l=cerulean]{--c:var(--color-ppro-label-cerulean)}.pp [data-l=forest]{--c:var(--color-ppro-label-forest)}.pp [data-l=rose]{--c:var(--color-ppro-label-rose)}.pp [data-l=mango]{--c:var(--color-ppro-label-mango)}.pp [data-l=purple]{--c:var(--color-ppro-label-purple)}.pp [data-l=blue]{--c:var(--color-ppro-label-blue)}.pp [data-l=teal]{--c:var(--color-ppro-label-teal)}.pp [data-l=magenta]{--c:var(--color-ppro-label-magenta)}.pp [data-l=tan]{--c:var(--color-ppro-label-tan)}.pp [data-l=green]{--c:var(--color-ppro-label-green)}.pp [data-l=brown]{--c:var(--color-ppro-label-brown)}.pp [data-l=yellow]{--c:var(--color-ppro-label-yellow)}.pp-over{z-index:6;background:var(--color-ppro-shade);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.pp-win{border:1px solid var(--color-ppro-window-line);border-radius:var(--radius-chip);background:var(--color-ppro-window);width:min(100%,380px);animation:bd-in var(--dur-base) var(--ease-smooth);overflow:hidden;box-shadow:0 20px 40px -16px #000c}.pp-win-h{background:var(--color-ppro-window-head);height:28px;font-size:var(--text-label);color:var(--color-ppro-window-title);align-items:center;gap:8px;padding:0 10px;display:flex}.pp-win-h i{letter-spacing:6px;color:var(--color-ppro-window-dim);margin-left:auto;font-style:normal}.pp-win-b{flex-direction:column;gap:8px;padding:12px;display:flex}.pp-win-path{font:400 10.5px/1.3 var(--font-mono);color:var(--color-ppro-window-dim)}.pp-bar{border-radius:var(--radius-hair);background:var(--color-ppro-window-line);height:6px;overflow:hidden}.pp-bar i{background:var(--color-ppro-playhead);transform-origin:0;width:100%;height:100%;animation:2.4s linear forwards pp-bar;display:block}@keyframes pp-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pp-files{border:1px solid var(--color-ppro-window-line);border-radius:var(--radius-mini);flex-direction:column;display:flex;overflow:hidden}.pp-files span{height:24px;font-size:var(--text-label);color:var(--color-ppro-window-text);align-items:center;gap:8px;padding:0 8px;display:flex}.pp-files svg{width:14px;height:14px;color:var(--color-ppro-window-dim);flex:none}.pp-files span.is-sel{background:var(--color-ppro-pick);box-shadow:inset 0 0 0 1px var(--color-ppro-pick-line);color:var(--color-panel-fg)}
.ppro-body.is-picker{grid-template-columns:minmax(0,1fr);grid-template-areas:"mon""cpk""dock";height:auto;display:grid}.ppro-cpk,.ppro-pmon{background:var(--color-ppro-panel);flex-direction:column;min-width:0;display:flex}.ppro-cpk{border-top:1px solid var(--color-ppro-line);grid-area:cpk}.ppro-pmon{grid-area:mon}.ppro-dock{border-top:1px solid var(--color-ppro-line);background:var(--color-ppro-panel);grid-area:dock;min-width:0}.ppro-pmon:empty{aspect-ratio:16/11}.ppro-cpk:empty{height:300px}.ppro-dock:empty{height:208px}@container ppro (min-width:840px){.ppro-body.is-picker{grid-template-columns:292px minmax(0,1fr);grid-template-areas:"cpk mon""dock dock"}.ppro-cpk{border-top:0;border-right:1px solid var(--color-ppro-line)}.ppro-pmon:empty{aspect-ratio:auto;height:414px}.ppro-dock:empty{height:144px}}.rgb-tab{border-bottom:1px solid var(--color-ppro-line);height:28px;font-size:var(--text-small);color:var(--color-ppro-text);white-space:nowrap;flex:none;align-items:center;gap:8px;padding:0 10px;display:flex;overflow:hidden}.rgb-tab em{color:var(--color-ppro-dim);font-style:normal}.rgb-tab.is-dock{height:24px}.rgb-tc{font:400 11px/1 var(--font-mono);color:var(--color-ppro-playhead);margin-left:auto}.rgb-cpk-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 12px;display:flex}.rgb-cpk-cap{font-size:var(--text-label);color:var(--color-ppro-dim);margin:0}.rgb-cpk{border:1px solid var(--color-ppro-window-line);border-radius:var(--radius-mini);background:var(--color-ppro-window-head);width:max-content;max-width:100%;box-shadow:0 12px 30px -14px #000c}.rgb-cpk-bar{border-radius:var(--radius-mini) var(--radius-mini) 0 0;border-bottom:1px solid var(--color-ppro-line);background:var(--color-ppro-cpk-bar);height:24px;font-size:var(--text-label);color:var(--color-ppro-text);align-items:center;padding:0 10px;display:flex}.rgb-cpk-in{grid-template-columns:auto 14px auto;gap:10px;padding:10px;display:grid}.rgb-cpk-sv{border-radius:var(--radius-hair);background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--hue,red));width:132px;height:132px;position:relative}.rgb-cpk-sv i{left:calc(var(--s) * 100%);top:calc(var(--v) * 100%);width:10px;height:10px;box-shadow:0 0 0 1.5px var(--color-ppro-select), 0 0 0 2.5px #0009;border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.rgb-cpk-h{border-radius:var(--radius-hair);background:linear-gradient(red,#f0f,#00f,#0ff,#0f0,#ff0,red);width:14px;height:132px;position:relative}.rgb-cpk-h i{top:calc(var(--y) * 100%);background:var(--color-ppro-select);height:3px;margin-top:-1.5px;position:absolute;left:-3px;right:-3px;box-shadow:0 0 0 1px #0009}.rgb-cpk-r{font-size:var(--text-label);color:var(--color-ppro-dim);flex-direction:column;gap:4px;display:flex}.rgb-cpk-cmp{border:1px solid var(--color-ppro-field-line);flex-direction:column;width:56px;display:flex}.rgb-cpk-cmp i{height:26px;display:block}.rgb-cpk-cmp i.is-current{background:var(--color-demo-rgb-title)}.rgb-cpk-hex{align-items:center;gap:6px;padding:0 10px 10px;display:flex}.rgb-cpk-hex b{font:500 12px/1 var(--font-mono);color:var(--color-ppro-dim)}.rgb-cpk-field{border-radius:var(--radius-hair);display:inline-flex;position:relative}.rgb-cpk-field input{border:1px solid var(--color-ppro-field-line);border-radius:var(--radius-hair);background:var(--color-ppro-frame);width:86px;height:24px;color:var(--color-ppro-field-text);font:400 12px/1 var(--font-mono);text-transform:uppercase;padding:0 6px}.rgb-cpk-field input:focus{border-color:var(--color-ppro-playhead);outline:none}.rgb-cpk-field.is-ok-0 input{animation:rgb-field-ok-0 .9s var(--ease-smooth)}.rgb-cpk-field.is-ok-1 input{animation:rgb-field-ok-1 .9s var(--ease-smooth)}.rgb-cpk-field.is-bad-0{animation:rgb-field-bad-0 .6s var(--ease-smooth)}.rgb-cpk-field.is-bad-1{animation:rgb-field-bad-1 .6s var(--ease-smooth)}@keyframes rgb-field-ok-0{20%{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-ppro-playhead) 60%, transparent)}}@keyframes rgb-field-ok-1{20%{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-ppro-playhead) 60%, transparent)}}@keyframes rgb-field-bad-0{20%,60%{translate:-3px}40%,80%{translate:3px}}@keyframes rgb-field-bad-1{20%,60%{translate:-3px}40%,80%{translate:3px}}.rgb-kcap{border:1px solid var(--color-line-strong);border-radius:var(--radius-mini);background:var(--color-raised);height:24px;color:var(--color-fg);font:500 11px/1 var(--font-mono);white-space:nowrap;cursor:pointer;transition:border-color var(--dur-el) var(--ease-smooth);border-bottom-width:2px;align-items:center;padding:0 8px;display:inline-flex}.rgb-kcap:hover{border-color:var(--color-accent-bright)}.rgb-kcap:active{translate:0 1px}.rgb-kcap:focus-visible{outline:2px solid var(--tone,var(--color-accent-bright));outline-offset:2px}.rgb-cpk-ok{justify-content:flex-end;gap:6px;padding:0 10px 10px;display:flex}.rgb-cpk-ok span{border-radius:var(--radius-hair);background:var(--color-ppro-window-line);height:22px;font-size:var(--text-label);color:var(--color-ppro-text);align-items:center;padding:0 14px;display:flex}.rgb-cpk-ok span:first-child{background:var(--color-ppro-playhead);color:var(--color-ppro-select)}.rgb-mon-in{background:var(--color-ppro-monitor-well);flex:1;justify-content:center;align-items:center;min-height:0;padding:10px;display:flex}.rgb-mon-cv{aspect-ratio:16/9;background:var(--color-ppro-monitor-well);width:100%;max-width:604px;display:block}.rgb-mon-cv.is-sampling{cursor:crosshair;touch-action:none}.rgb-mon-foot{border-top:1px solid var(--color-ppro-line);height:26px;font:400 11px/1 var(--font-mono);color:var(--color-ppro-dim);flex:none;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.rgb-mon-foot b{color:var(--color-ppro-playhead);font-weight:400}.rgb-rp{background:var(--color-panel-shell);color:var(--color-panel-fg);font:400 14px/1.35 var(--font-sans);-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;padding:6px;display:flex;position:relative;container:rgbp/inline-size}.rgb-flat{border-radius:var(--radius-el);background:linear-gradient(180deg, var(--color-panel-card-top), var(--color-panel-card-bottom)) padding-box, linear-gradient(152deg, color-mix(in srgb, var(--color-panel-voice) 30%, transparent) 0%, var(--color-panel-line) 28%, var(--color-panel-line-quiet) 100%) border-box;box-shadow:inset 0 1px 0 var(--color-panel-line-quiet), inset 0 -1px 0 #00000040, 0 1px 1px #00000073, 0 4px 10px -7px #00000080;border:1px solid #0000;padding:6px}.rgb-head{align-items:center;gap:6px;min-width:0;display:flex}.rgb-tile{border-radius:var(--radius-chip);background:linear-gradient(160deg, var(--color-panel-voice-lite), var(--color-panel-voice-dark));width:22px;height:22px;box-shadow:inset 0 1px 0 #ffffff5c, 0 5px 15px -4px color-mix(in srgb, var(--color-panel-voice) 42%, transparent), 0 1px 1px #00000073;font:500 11px/1 var(--font-display);color:var(--color-panel-tray);flex:none;justify-content:center;align-items:center;display:flex}.rgb-title{min-width:0;font:500 13.5px/1.3 var(--font-display);letter-spacing:-.022em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rgb-author{font-size:var(--text-label);color:var(--color-panel-fg-dim);white-space:nowrap;flex:none}.rgb-sp{flex:1}.rgb-btn{border-radius:var(--radius-full);height:24px;font:500 11px/1 var(--font-sans);color:var(--color-panel-fg);white-space:nowrap;cursor:pointer;transition:transform var(--dur-el) var(--ease-smooth), border-color var(--dur-el) var(--ease-smooth);border:1px solid #0000;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 9px;display:inline-flex;position:relative}.rgb-btn:hover{transform:translateY(-1px)}.rgb-btn:focus-visible{outline:2px solid var(--color-panel-voice);outline-offset:2px}.rgb-glass{border-color:var(--color-panel-line-strong);background:linear-gradient(180deg, var(--color-white-10), var(--color-white-4));box-shadow:inset 0 1px #ffffff29,0 1px 1px #00000073,0 4px 10px -7px #00000080}.rgb-glass:hover{border-color:var(--color-white-35)}.rgb-knob{border:1px solid var(--color-panel-line);width:22px;height:22px;font:600 11px/1 var(--font-sans);color:var(--color-panel-fg-dim);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}@container rgbp not (min-width:400px){.rgb-author{display:none}}@container rgbp not (min-width:240px){.rgb-plbl{display:none}}@container rgbp not (min-width:185px){.rgb-t2{display:none}}@container rgbp not (min-width:130px){.rgb-title{display:none}}.rgb-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:52px;gap:5px;display:grid}@container ppro (min-width:840px){.rgb-grid{grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:64px}}.rgb-slot{border:1px solid var(--color-black-55);border-radius:var(--radius-chip);box-shadow:0 1px 1px #00000080, 0 8px 16px -12px var(--h);touch-action:manipulation;-webkit-touch-callout:none;transition:box-shadow var(--dur-base) var(--ease-smooth), transform var(--dur-base) var(--ease-smooth);position:relative}.rgb-slot:hover{box-shadow:0 1px 1px #00000080, 0 10px 20px -12px var(--h);transform:translateY(-1px)}.rgb-sw{border-radius:var(--radius-chip);background:linear-gradient(180deg, var(--h), var(--d));cursor:pointer;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.rgb-slot:hover .rgb-sw{box-shadow:inset 0 0 0 1px var(--color-panel-line-strong)}.rgb-sw:focus-visible{outline:2px solid var(--color-panel-voice);outline-offset:2px}.rgb-slot.is-pop-0{animation:rgb-pop-0 .38s var(--ease-smooth)}.rgb-slot.is-pop-1{animation:rgb-pop-1 .38s var(--ease-smooth)}@keyframes rgb-pop-0{40%{transform:scale(.88)}}@keyframes rgb-pop-1{40%{transform:scale(.88)}}.rgb-pick{z-index:1;border:1px solid var(--color-white-22);border-radius:var(--radius-mini);-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);width:13px;height:13px;color:var(--color-panel-fg);cursor:pointer;background:linear-gradient(#0e0f1080,#08090a57);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:3px;right:3px;box-shadow:inset 0 1px #fff3,0 1px 2px #00000073}.rgb-pick:before{content:"";position:absolute;inset:-8px}.rgb-pick:hover{border-color:var(--color-white-35)}.rgb-pick:focus-visible{outline:2px solid var(--color-panel-voice);outline-offset:2px}.rgb-pick.is-sampling{border-color:var(--color-panel-voice);animation:rgb-eyedrop .8s var(--ease-swing) infinite alternate}@keyframes rgb-eyedrop{0%{opacity:.6}to{opacity:1}}.is-rgb-panel .rgb-pick[data-ring]{position:absolute}.rgb-toast{z-index:20;border-radius:var(--radius-el);background:linear-gradient(180deg, var(--color-panel-toast-top), var(--color-panel-toast-bottom)) padding-box, linear-gradient(90deg, color-mix(in srgb, var(--color-panel-voice) 70%, transparent), var(--color-panel-line)) border-box;font:500 11px/1.3 var(--font-sans);color:var(--color-panel-fg);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-el) var(--ease-smooth), transform var(--dur-el) var(--ease-smooth);border:1px solid #0000;align-items:center;gap:8px;padding:7px 12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%,30px);box-shadow:inset 0 1px #ffffff24,0 1px 1px #0000008c,0 10px 24px -12px #0009}.rgb-toast:before{content:"";border-radius:var(--radius-full);background:var(--color-panel-voice);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--color-panel-voice) 70%, transparent);flex:none}.rgb-toast.is-show{opacity:1;transform:translate(-50%)}@container rgbp (max-width:420px){.rgb-toast{white-space:normal;width:max-content;max-width:calc(100% - 16px)}}.rgb-loupe{z-index:35;background:var(--color-win-loupe);pointer-events:none;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #000,0 0 0 2px #ffffff73,0 10px 24px -8px #000c}.rgb-loupe[hidden]{display:none}.rgb-loupe-g{width:120px;height:120px;position:relative}.rgb-loupe canvas{width:120px;height:120px;image-rendering:pixelated;display:block}.rgb-loupe-c{width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--color-win-mark);border:1px solid #000;position:absolute;top:54px;left:54px}.rgb-loupe-cap{width:120px;height:24px;font:400 12px/1 var(--font-hub-mono);color:var(--color-win-loupe-text);white-space:nowrap;align-items:center;gap:6px;padding:0 4px;display:flex;overflow:hidden}.rgb-loupe-cap i{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--color-win-mark);flex:none}.rgb-loupe-cap b{font-weight:400}.rgb-probe{vertical-align:1px;gap:4px;margin-left:8px;display:inline-flex}.rgb-probe button{border:1px solid var(--color-line-strong);border-radius:var(--radius-mini);background:var(--color-raised);min-width:22px;height:22px;color:var(--color-fg-muted);font:500 11px/1 var(--font-mono);cursor:pointer;border-bottom-width:2px;padding:0 6px}.rgb-probe button[aria-pressed=true]{background:var(--tone,var(--color-accent-bright));color:var(--color-shell);border-color:#0000}.rgb-probe button:focus-visible{outline:2px solid var(--tone,var(--color-accent-bright));outline-offset:2px}.rgb-btn:active{transform:scale(.94)}.rgb-fill,.rgb-glass.is-on{background:linear-gradient(180deg, var(--color-panel-voice-lite), var(--color-panel-voice-dark));color:var(--color-panel-tray);border-color:#0000;box-shadow:inset 0 1px #fff6,0 1px 1px #00000073}.rgb-ghost{border-color:var(--color-panel-line);color:var(--color-panel-fg-muted);background:0 0}.rgb-coral{color:var(--color-panel-danger)}.rgb-btn:disabled{opacity:.42;filter:saturate(.12);pointer-events:none}.rgb-fw{z-index:30;border:1px solid var(--color-ppro-window-line);border-radius:var(--radius-mini);background:var(--color-ppro-frame);max-width:calc(100% - 16px);animation:rgb-fw-in var(--dur-base) var(--ease-smooth);flex-direction:column;display:flex;position:absolute;top:8px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 2px 4px #00000080,0 24px 60px -18px #000000d9;container:rgbp/inline-size}.rgb-fw.is-pk{width:280px;max-height:calc(100% - 16px)}.rgb-fw:focus{outline:none}.rgb-fw:focus-visible{outline:2px solid var(--color-panel-voice);outline-offset:2px}.rgb-fw.is-ps{width:260px;height:260px}@container ppro (min-width:840px){.rgb-fw{max-width:none;left:auto;translate:none}.rgb-fw.is-pk{height:430px;max-height:none;top:40px;right:16px}.rgb-fw.is-ps{top:44px;left:16px}}@keyframes rgb-fw-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.rgb-fw-bar{border-bottom:1px solid var(--color-ppro-line);background:var(--color-ppro-window-head);height:26px;font:400 12px/1 var(--font-sans);color:var(--color-ppro-text);flex:none;justify-content:space-between;align-items:center;padding:0 3px 0 10px;display:flex}.rgb-fw-bar button{border-radius:var(--radius-hair);width:26px;height:20px;font-size:var(--text-body);color:var(--color-ppro-dim);cursor:pointer;background:0 0;border:0;padding:0;line-height:1}.rgb-fw-bar button:hover{background:var(--color-ppro-close);color:var(--color-ppro-select)}.rgb-fw-bar button:focus-visible{outline:2px solid var(--color-panel-voice);outline-offset:-2px}.rgb-fw-body{background:var(--color-panel-shell);min-height:0;color:var(--color-panel-fg);font:400 14px/1.35 var(--font-sans);flex-direction:column;flex:1;gap:6px;padding:6px;display:flex;position:relative;overflow:hidden;container:rgbp/inline-size}.rgb-fw.is-pk .rgb-fw-body{overflow-y:auto}.rgb-mh{border:1px solid var(--color-panel-line-quiet);border-radius:var(--radius-el);background:linear-gradient(180deg, var(--color-panel-card-top), var(--color-panel-card-bottom));flex:none;align-items:center;gap:8px;padding:6px;display:flex}.rgb-mt{min-width:0;font:500 13.5px/1.3 var(--font-display);letter-spacing:-.022em;flex:1}.rgb-x{border-radius:var(--radius-el);width:22px;height:22px;font-size:var(--text-small);padding:0}.rgb-pbody{flex-direction:column;gap:10px;min-height:0;display:flex}.rgb-prow,.rgb-row{align-items:center;gap:6px;display:flex}.rgb-sunk{border:1px solid var(--color-black-55);border-radius:var(--radius-chip);background:linear-gradient(180deg, var(--color-black-70), var(--color-black-40));height:28px;box-shadow:inset 0 2px 9px #0009, 0 1px 0 var(--color-panel-line-quiet);flex:1;padding:3px;display:flex}.rgb-prev{border-radius:var(--radius-mini);background:var(--h);flex:1}.rgb-eye{border-radius:var(--radius-el);width:30px;height:28px;padding:0}.rgb-eye.is-sampling{border-color:var(--color-panel-voice);color:var(--color-panel-voice);animation:rgb-eyedrop .8s var(--ease-swing) infinite alternate}.rgb-wheel-wrap{border-radius:50%;flex:none;width:196px;height:196px;margin:2px auto 4px;display:block;position:relative}.is-rgb-panel .rgb-wheel-wrap[data-ring]:after{border-radius:50%}.rgb-wheel{--disc:var(--color-panel-wheel-disc);cursor:crosshair;width:196px;height:196px;display:block}.rgb-wheel.is-live{touch-action:none}.rgb-row .rgb-btn{height:26px}.rgb-lbl{width:26px;font:400 9px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-panel-fg-dim);flex:none}.rgb-field{border:1px solid var(--color-black-55);border-radius:var(--radius-chip);background:linear-gradient(180deg, var(--color-black-55), var(--color-black-40));min-width:0;height:26px;box-shadow:inset 0 2px 8px #00000080, 0 1px 0 var(--color-panel-line-quiet);color:var(--color-panel-fg-dim);flex:1;align-items:center;padding:0 8px;display:flex}.rgb-field:focus-within{border-color:color-mix(in srgb, var(--color-panel-voice) 58%, transparent);color:var(--color-panel-fg)}.rgb-field input,.rgb-field select{width:100%;min-width:0;font:400 11px/1 var(--font-mono);color:inherit;appearance:none;-moz-appearance:textfield;background:0 0;border:0;outline:none;flex:1;padding:0}.rgb-field input[type=number]{text-align:center}.rgb-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rgb-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rgb-field select{font:400 12.5px/1 var(--font-sans);cursor:pointer}.rgb-field select option{background:var(--color-panel-menu);color:var(--color-panel-fg)}.rgb-fw.is-ps .rgb-field{flex:none;height:28px;padding:0 10px}.rgb-arrow{font-size:var(--text-label);color:var(--color-panel-fg-dim);pointer-events:none}.rgb-wide{width:100%;height:28px;font-size:var(--text-small)}.rgb-ps-hint{font-size:var(--text-label);color:var(--color-panel-fg-dim);margin:2px 0 0;line-height:1.45}.rgb-ov{z-index:5;background:#0607089e;justify-content:center;align-items:flex-start;padding:14px 8px;display:flex;position:absolute;inset:0}.rgb-sheet{border:1px solid var(--color-panel-line-strong);border-radius:var(--radius-el);background:linear-gradient(180deg, var(--color-panel-dialog-top), var(--color-panel-dialog-bottom));flex-direction:column;gap:10px;width:100%;padding:10px;display:flex;box-shadow:inset 0 1px #ffffff29,0 10px 24px -12px #0009}.rgb-sheet p{font-size:var(--text-small);color:var(--color-panel-fg-muted);margin:0;line-height:1.55}.rgb-sheet .rgb-field input{font:400 12.5px/1 var(--font-sans)}.rgb-acts{justify-content:flex-end;gap:6px;display:flex}.rgb-acts .rgb-btn{height:28px;font-size:var(--text-small);padding:0 12px}@media (prefers-reduced-motion:reduce){.rgb-slot,.rgb-toast,.rgb-btn{transition:none}.rgb-slot.is-pop-0,.rgb-slot.is-pop-1,.rgb-cpk-field.is-ok-0 input,.rgb-cpk-field.is-ok-1 input,.rgb-cpk-field.is-bad-0,.rgb-cpk-field.is-bad-1,.rgb-pick.is-sampling,.rgb-eye.is-sampling,.rgb-fw{animation:none}}
.is-hub [data-ring]:after{border-radius:var(--radius-chip);inset:-4px}.is-hub .ppro-slot{background:0 0;width:420px;height:600px;container:hb/inline-size}.is-hub .ppro-tl{height:220px}@container ppro not (min-width:840px){.is-hub .ppro-slot{width:100%}}@container ppro (min-width:840px){.is-hub .ppro-tl{height:auto}}@media not (min-width:40rem){.is-hub .ppro-slot{height:560px;min-height:0}.is-hub .ppro-tl{display:none}}.hb-ws{background:var(--color-ppro-line);flex:1;grid-template-rows:1fr 1fr;gap:1px;min-width:0;display:grid;position:relative}.hb-ws-mon{background:var(--color-hub-ws-monitor);position:relative}.hb-ws-mon:after{content:"";border-radius:var(--radius-mini);background:var(--color-hub-ws-frame);opacity:.45;position:absolute;inset:16% 20%}.hb-ws-tl{background:var(--color-ppro-panel);flex-direction:column;gap:6px;padding:14px 12px;display:flex;position:relative}.hb-ws-tl i{border-radius:var(--radius-hair);background:var(--color-ppro-track);height:14px;display:block}.hb-ws-tl i:nth-child(odd){background:var(--color-ppro-track-alt)}.hb-ws-cap{font:500 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ppro-dim);position:absolute;bottom:10px;left:12px}.hb-ws-wins{z-index:2;flex-wrap:wrap;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.hb-ws-win{border:1px solid var(--color-ppro-window-line);border-radius:var(--radius-chip);background:var(--color-hub-ws-window);width:180px;animation:hb-ws-in .3s var(--ease-smooth);overflow:hidden;box-shadow:0 12px 26px -12px #000c}@keyframes hb-ws-in{0%{opacity:0;transform:translateY(-8px)}}.hb-ws-wh{border-bottom:1px solid var(--color-ppro-line);height:26px;font:11.5px var(--font-hub);color:var(--color-ppro-text);align-items:center;gap:6px;padding:0 8px;display:flex}.hb-ws-ic{border-radius:var(--radius-mini);width:14px;height:14px;font:700 8px/1 var(--font-hub);flex:none;justify-content:center;align-items:center;display:flex}.hb-ws-wb{flex-direction:column;gap:5px;padding:9px 8px;display:flex}.hb-ws-wb i{border-radius:var(--radius-hair);background:var(--color-white-7);height:8px;display:block}.hb-ws-wb i:nth-child(2){width:70%}.hb-ws-wb i:nth-child(3){width:45%}.hb{background:linear-gradient(180deg, var(--color-hub-bg-top), var(--color-hub-bg-bottom));height:100%;font:400 12px/1.35 var(--font-hub);color:var(--color-hub-ink);text-align:left;flex-direction:column;display:flex;position:relative}.hb button{cursor:pointer;font-family:inherit}.hb button:disabled{cursor:default}.hb :focus-visible{outline:2px solid var(--color-hub-ok);outline-offset:1px}.hb:focus-visible,.hb [tabindex="-1"]:focus-visible{outline:none}.hb-base{display:contents}.hb-app-binder{--app-from:var(--color-hub-app-binder-from);--app-to:var(--color-hub-app-binder-to);--app-ink:var(--color-hub-app-binder-ink)}.hb-app-sfx{--app-from:var(--color-hub-app-sfx-from);--app-to:var(--color-hub-app-sfx-to);--app-ink:var(--color-hub-app-sfx-ink)}.hb-app-guillotine{--app-from:var(--color-hub-app-guillotine-from);--app-to:var(--color-hub-app-guillotine-to);--app-ink:var(--color-hub-app-guillotine-ink)}.hb-app-retimer{--app-from:var(--color-hub-app-retimer-from);--app-to:var(--color-hub-app-retimer-to);--app-ink:var(--color-hub-app-retimer-ink)}.hb-app-cutfixer{--app-from:var(--color-hub-app-cutfixer-from);--app-to:var(--color-hub-app-cutfixer-to);--app-ink:var(--color-hub-app-cutfixer-ink)}.hb-app-davinci{--app-from:var(--color-hub-app-davinci-from);--app-to:var(--color-hub-app-davinci-to);--app-ink:var(--color-hub-app-davinci-ink)}.hb-app-premiere{--app-from:var(--color-hub-app-premiere-from);--app-to:var(--color-hub-app-premiere-to);--app-ink:var(--color-hub-app-premiere-ink)}.hb-app-rgb{--app-from:var(--color-hub-app-rgb-from);--app-to:var(--color-hub-app-rgb-to);--app-ink:var(--color-hub-app-rgb-ink)}:is(.hb-ic,.hb-ws-ic){background:linear-gradient(160deg, var(--app-from), var(--app-to));color:var(--app-ink)}.hb-head{align-items:center;gap:10px;padding:14px 14px 0;display:flex}.hb-mark{border-radius:var(--radius-chip);background:linear-gradient(160deg, var(--color-hub-mark-top), var(--color-hub-mark-bottom));width:24px;height:24px;font-size:var(--text-small);color:var(--color-hub-mark-ink);flex:none;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 4px 14px #4fd39659,inset 0 1px #ffffff40}.hb-name{min-width:0;font-size:var(--text-body);letter-spacing:-.01em;color:var(--color-hub-strong);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.hb-name span{color:var(--color-hub-mute);font-weight:400}.hb-upd{border:1px solid var(--color-hub-up-line);border-radius:var(--radius-chip);background:var(--color-hub-up-fill);height:28px;font-size:var(--text-small);color:var(--color-hub-up-ink);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.hb-upd:hover,.hb-upd.is-on{background:#f0c24b38}.hb-count{border-radius:var(--radius-chip);background:var(--color-hub-up);min-width:16px;height:16px;font-size:var(--text-label);color:var(--color-hub-count-ink);justify-content:center;align-items:center;padding:0 4px;font-weight:700;display:inline-flex}.hb-ico{border-radius:var(--radius-chip);width:24px;height:24px;color:var(--color-hub-mute);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.hb-ico svg{width:14px;height:14px}.hb-ico:hover{background:var(--color-white-7);color:var(--color-hub-strong)}.hb-ico.is-frame{border-color:var(--color-hub-btn-2);border-radius:var(--radius-chip);width:28px;height:28px;color:var(--color-hub-chev)}.hb-q{font-size:var(--text-small);font-weight:600}.hb-ico.is-spin svg{animation:.8s linear infinite hb-spin}@keyframes hb-spin{to{transform:rotate(360deg)}}.hb-help{flex:none;position:relative}.hb-menu{z-index:15;border:1px solid var(--color-hub-menu-line);border-radius:var(--radius-chip);background:var(--color-hub-menu);flex-direction:column;min-width:170px;padding:5px;display:flex;position:absolute;top:32px;right:0;box-shadow:0 14px 30px -10px #000c}.hb-menu>*{border-radius:var(--radius-chip);font-size:var(--text-small);color:var(--color-hub-ink);text-align:left;background:0 0;border:0;padding:7px 9px;text-decoration:none;display:block}.hb-menu>:hover{background:var(--color-white-7)}.hb-tabs{border-bottom:1px solid var(--color-hub-line);flex-wrap:wrap;column-gap:16px;padding:14px 14px 0;display:flex}.hb-tab{font-size:var(--text-small);color:var(--color-hub-mute);background:0 0;border:0;align-items:center;padding:0 0 10px;display:inline-flex}.hb-tab:hover{color:var(--color-hub-soft)}.hb-tab[aria-selected=true]{color:var(--color-hub-strong);box-shadow:inset 0 -2px 0 var(--color-hub-ok);font-weight:500}.hb-dot{background:var(--color-hub-up);border-radius:50%;flex:none;width:6px;height:6px;margin-left:5px;display:inline-block;box-shadow:0 0 0 3px #f0c24b26}.hb-body{flex:1;min-height:0;overflow-y:auto}.hb-list{flex-direction:column;gap:8px;padding:12px;display:flex}.hb-card{border:1px solid var(--color-hub-card);border-radius:var(--radius-chip);background:linear-gradient(180deg, var(--color-white-4), var(--color-white-4));flex-direction:column;gap:6px;padding:8px 9px;display:flex;position:relative;box-shadow:0 6px 18px -8px #000000b3,inset 0 1px #ffffff0d}.hb-card.is-dim{border-color:var(--color-hub-dim);background:linear-gradient(180deg, var(--color-white-4), var(--color-white-4));box-shadow:0 6px 18px -8px #0009}.hb-tile{padding:7px}.hb-row,.hb-trow{align-items:center;gap:8px;display:flex}.hb-trow{gap:6px}.hb-ic{border-radius:var(--radius-chip);width:26px;height:26px;font-size:var(--text-small);flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.hb-trow .hb-ic{border-radius:var(--radius-chip);width:22px;height:22px;font-size:var(--text-label)}.hb-title{min-width:48px;font-size:var(--text-small);color:var(--color-hub-strong);flex:1;align-items:center;font-weight:600;display:flex}.hb-title-t{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.hb-ver{font:11px var(--font-hub-mono);color:var(--color-hub-mono);white-space:nowrap;flex:none}.hb-key{border:1px solid var(--color-hub-dim);border-radius:var(--radius-full);background:var(--color-white-4);font-size:var(--text-label);color:var(--color-hub-soft);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:3px 7px;line-height:1.2;display:inline-flex}.hb-key svg{flex:none;width:13px;height:13px}.hb-key-w{display:none}@container hb (550px<=width<960px){.hb-key-w{display:inline}}.hb-key.is-ok,.hb-key.is-trial{color:var(--color-hub-ok);border-color:#4fd39659}.hb-btn{border:1px solid var(--color-hub-btn-2);border-radius:var(--radius-chip);font-size:var(--text-small);color:var(--color-hub-btn-text);text-align:center;white-space:nowrap;background:0 0;flex:none;padding:7px 13px;text-decoration:none;position:relative}.hb-btn:hover:not(:disabled){border-color:var(--color-hub-btn);color:var(--color-hub-ink)}.hb-btn:disabled{opacity:.55}.hb-btn.is-strong{border-color:var(--color-hub-btn);background:linear-gradient(180deg, var(--color-white-10), var(--color-white-4));color:var(--color-hub-btn-strong-text);font-weight:500;box-shadow:0 2px 8px -2px #0009,inset 0 1px #ffffff14}.hb-btn.is-tiny{font-size:var(--text-label);padding:4px 9px}.hb-btn.is-wide{width:100%;padding:10px}.hb-btn.is-ghost{color:var(--color-hub-mute);border-color:#0000}.hb-btn.is-ghost:hover:not(:disabled){border-color:var(--color-hub-btn-2);color:var(--color-hub-soft)}.hb-btn.is-acc{background:linear-gradient(180deg, var(--color-hub-accent-top), var(--color-hub-accent-bottom));color:var(--color-hub-accent-ink);border-color:#4fd39673;font-weight:500;box-shadow:0 6px 18px -6px #4fd39699}.hb-btn.is-acc:hover:not(:disabled){color:var(--color-hub-accent-ink);border-color:#4fd396b3}.hb-btn.is-upd{border-color:var(--color-hub-up-line);background:var(--color-hub-up-fill);color:var(--color-hub-up-ink);font-weight:500}.hb-self-start,.hb-card>.hb-btn.is-tiny{align-self:flex-start}.hb-card>.hb-btn.is-tiny{margin-top:2px}.hb-chev{border:1px solid var(--color-hub-dim);border-radius:var(--radius-chip);background:var(--color-white-4);width:26px;height:26px;color:var(--color-hub-chev);transition:transform var(--dur-fast) var(--ease-smooth);flex:none;justify-content:center;align-items:center;padding:0;display:flex}.hb-chev svg{width:15px;height:15px}.hb-chev[aria-expanded=true]{transform:rotate(180deg)}.hb-chev:hover{background:var(--color-white-7);color:var(--color-hub-strong)}.hb-host{font-size:var(--text-label);color:var(--color-hub-soft);margin:-2px 0 0 34px}.hb-pitch{color:var(--color-hub-soft);padding:2px 2px 0;line-height:1.45}.hb-fresh{border:1px solid var(--color-hub-card);border-radius:var(--radius-chip);background:var(--color-white-4);align-items:center;gap:8px;margin-top:4px;padding:5px 8px;display:flex}.hb-fresh-w{min-width:0;color:var(--color-hub-soft);flex:1;line-height:1.4}.hb-prog{border-radius:var(--radius-hair);background:var(--color-white-13);flex:none;width:64px;height:4px;overflow:hidden}.hb-prog i{border-radius:var(--radius-hair);background:var(--color-hub-soft);transform-origin:0;height:100%;transition:transform var(--dur-el) var(--ease-smooth);display:block;transform:scaleX(0)}.hb-prog[data-pct="20"] i{transform:scaleX(.2)}.hb-prog[data-pct="40"] i{transform:scaleX(.4)}.hb-prog[data-pct="60"] i{transform:scaleX(.6)}.hb-prog[data-pct="80"] i{transform:scaleX(.8)}.hb-prog[data-pct="100"] i{transform:none}.hb-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:start;gap:9px;padding:12px;display:grid}.hb-tvid{aspect-ratio:16/9;border-radius:var(--radius-chip);background:var(--color-hub-video);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.hb-tvid svg{width:100%;height:100%;position:absolute;inset:0}.hb-trow .hb-title{font-size:var(--text-small)}.hb-note{border:1px dashed var(--color-hub-btn-2);border-radius:var(--radius-chip);color:var(--color-hub-soft);flex-direction:column;gap:4px;margin:12px;padding:10px 12px;line-height:1.4;display:flex}.hb-note b{color:var(--color-hub-strong);font-weight:600}.hb-screen{z-index:20;background:linear-gradient(180deg, var(--color-hub-bg-top), var(--color-hub-bg-bottom));flex-direction:column;display:flex;position:absolute;inset:0}.hb-shead{border-bottom:1px solid var(--color-hub-line);flex:none;align-items:center;gap:8px;min-height:47px;padding:10px 40px 10px 14px;display:flex;position:relative}.hb-stitle{min-width:0;font-size:var(--text-small);color:var(--color-hub-strong);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.hb-utitle{font-size:var(--text-body);color:var(--color-hub-up-ink);flex:1;align-items:center;gap:7px;font-weight:600;display:flex}.hb-x{font-size:var(--text-title);color:var(--color-hub-mute);background:0 0;border:0;padding:2px 6px;line-height:1;position:absolute;top:50%;right:10px;translate:0 -50%}.hb-x:hover{color:var(--color-hub-ink)}.hb-sbody{flex-direction:column;flex:1;gap:8px;padding:10px 14px 16px;display:flex;overflow-y:auto}.hb-snote{color:var(--color-hub-soft);margin:6px 0;line-height:1.4}.hb-uitem{border-radius:var(--radius-chip);background:#f0c24b0a;border:1px solid #f0c24b38;flex-direction:column;gap:7px;padding:9px;display:flex}.hb-urow{align-items:center;gap:8px;min-width:0;display:flex}.hb-uver{font:11.5px var(--font-hub-mono);color:var(--color-hub-up-ink);flex:none}.hb-uitem .hb-fresh{margin-top:0}.hb-hitem{border-bottom:1px solid var(--color-hub-line);padding:10px 0}.hb-hrow{align-items:baseline;gap:8px;display:flex}.hb-hrow b{color:var(--color-hub-strong);font-weight:500}.hb-hdate{font-size:var(--text-label);color:var(--color-hub-mute)}.hb-here{font-size:var(--text-label);color:var(--color-hub-ok);margin-left:auto}.hb-hpart{margin-top:6px}.hb-hpart>span{font-size:var(--text-label);color:var(--color-hub-soft)}.hb-hpart ul{margin:2px 0 0;padding-left:18px;list-style:outside}.hb-hpart li{line-height:1.4}.hb-hitem>.hb-btn{margin-top:8px}.hb-ask{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;line-height:1.4;display:flex}.hb-ask span{flex-basis:100%}.hb-krow{border:1px solid var(--color-hub-card);border-radius:var(--radius-chip);background:var(--color-white-4);flex-direction:column;gap:7px;padding:9px;display:flex}.hb-kw{font-size:var(--text-label);color:var(--color-hub-soft);flex:none}.hb-kw.is-ok,.hb-kw.is-trial{color:var(--color-hub-ok)}.hb-kbtns{gap:6px;display:flex}.hb-kfoot{font-size:var(--text-label);color:var(--color-hub-mono);margin:6px 0 0;line-height:1.45}.hb-veil{z-index:30;background:var(--color-hub-veil);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.hb-gate{border:1px solid var(--color-hub-menu-line);border-radius:var(--radius-el);background:linear-gradient(180deg, var(--color-hub-menu), var(--color-hub-menu-bottom));text-align:center;flex-direction:column;align-items:center;gap:9px;width:100%;max-width:330px;margin:auto;padding:22px 20px 18px;display:flex;position:relative;box-shadow:0 24px 60px -18px #000000e6}.hb-gedge{border-radius:0 0 var(--radius-hair) var(--radius-hair);background:var(--app-from);height:3px;position:absolute;top:0;left:18px;right:18px}.hb-gclose{font-size:var(--text-title);color:var(--color-hub-mute);background:0 0;border:0;padding:2px 6px;line-height:1;position:absolute;top:8px;right:10px}.hb-gclose:hover{color:var(--color-hub-ink)}.hb-gbrand{font-size:var(--text-small);letter-spacing:.02em;color:var(--app-from);font-weight:700}.hb-glock{width:34px;height:34px;color:var(--color-hub-chev);margin:2px 0}.hb-glock.is-ok{color:var(--color-hub-ok)}.hb-glock svg{width:100%;height:100%}.hb-gtitle{font-size:var(--text-body);color:var(--color-hub-strong);font-weight:600}.hb-gtext{color:var(--color-hub-soft);line-height:1.5}.hb-gnote{color:var(--color-hub-ok);line-height:1.45}.hb-grule{background:var(--color-hub-line);width:100%;height:1px;margin:6px 0 2px}.hb-ghint{color:var(--color-hub-mono);line-height:1.45}@container hb not (min-width:380px){.hb-name span{display:none}.hb-row{gap:6px}.hb-row>a.hb-ico{display:none}.hb-row>.hb-btn.is-strong{font-size:var(--text-small);padding:6px 9px}}@media (prefers-reduced-motion:reduce){.demo-tray *,.demo-tray :before,.demo-tray :after{transition-duration:0s!important;animation-duration:0s!important}}
@property --gt{syntax:"<color>";inherits:true;initial-value:#ffaa46}@container ppro not (min-width:840px){.is-guillotine .ppro-slot{width:100%}}.gp{--gt:var(--color-panel-ember);--gt-lite:color-mix(in oklab, var(--gt) 80%, white);--gt-dark:color-mix(in oklab, var(--gt) 62%, black);scrollbar-width:thin;background:var(--color-panel-shell);height:100%;color:var(--color-panel-fg);font:400 12.5px/1.35 var(--font-sans);font-variant-numeric:tabular-nums;transition:--gt var(--dur-panel) var(--ease-smooth);flex-direction:column;gap:8px;padding:8px;display:flex;position:relative;overflow-y:auto}.gp.is-dialog{--gt:var(--color-panel-azure)}.gp.is-short{--gt:var(--color-panel-violet)}.gp-head{flex:none;align-items:center;gap:8px;min-height:26px;padding:2px 2px 0;display:flex}.gp-tile{border-radius:var(--radius-chip);background:linear-gradient(160deg, var(--gt-lite), var(--gt-dark));width:26px;height:26px;color:var(--color-panel-shell);font:700 13px/1 var(--font-display);flex:none;justify-content:center;align-items:center;display:flex}.gp-name{flex-direction:column;gap:2px;min-width:0;display:flex}.gp-name b{font:600 15px/1 var(--font-display);letter-spacing:-.02em}.gp-name small{color:var(--color-panel-fg-dim);font:500 8px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}@media not (min-width:380px){.gp-name small{display:none}}.gp-sp{flex:1}.gp-hours{border:1px solid var(--color-panel-line);border-radius:var(--radius-full);height:22px;color:var(--color-panel-fg-muted);font:500 10.5px/1 var(--font-sans);white-space:nowrap;transition:color var(--dur-base) var(--ease-smooth);flex:none;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.gp-hours i{background:var(--color-panel-voice);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-panel-voice) 16%, transparent);border-radius:50%}.gp-hours.is-spent{color:var(--color-panel-fg)}.gp-q{border:1px solid var(--color-panel-line);width:22px;height:22px;color:var(--color-panel-fg-dim);font:600 11px/1 var(--font-sans);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.gp-fmt{border:1px solid var(--color-panel-line-quiet);border-radius:var(--radius-chip);background:var(--color-black-40);flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;display:grid}.gp-fmt button{border-radius:var(--radius-chip);min-width:0;height:28px;color:var(--color-panel-fg-dim);font:500 11.5px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:color var(--dur-base) var(--ease-smooth), background-color var(--dur-base) var(--ease-smooth);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 4px;display:flex}.gp-fmt svg{flex:none;width:14px;height:14px}.gp-fmt span{text-overflow:ellipsis;overflow:hidden}.gp-fmt button[aria-pressed=true]{border-color:color-mix(in oklab, var(--gt) 50%, transparent);background:color-mix(in oklab, var(--gt) 16%, transparent);color:var(--color-panel-fg)}.gp-fmt button[aria-pressed=true] svg{color:var(--gt)}.gp-fmt button:disabled{cursor:default}.gp-steps{flex-direction:column;flex:none;gap:6px;display:flex}.gp-step,.gp-run{border-radius:var(--radius-el);background:linear-gradient(180deg, var(--color-panel-card-top), var(--color-panel-card-bottom)) padding-box, linear-gradient(152deg, color-mix(in oklab, var(--gt) 30%, transparent), var(--color-panel-line) 28%, var(--color-panel-line-quiet)) border-box;border:1px solid #0000;position:relative;box-shadow:inset 0 1px #ffffff0f,0 1px 1px #00000073}.gp-step{padding:8px 10px}.gp-step.is-now{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gt) 40%, transparent), 0 0 22px -10px color-mix(in oklab, var(--gt) 60%, transparent)}.gp-sh{align-items:center;gap:8px;min-height:22px;display:flex}.gp-n{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--color-panel-line-strong);color:var(--color-panel-fg-dim);font:600 10.5px/1 var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.is-now .gp-n{box-shadow:inset 0 0 0 1.5px var(--gt);color:var(--gt)}.is-done .gp-n{background:linear-gradient(160deg, var(--gt-lite), var(--gt-dark));box-shadow:0 0 10px -2px color-mix(in oklab, var(--gt) 60%, transparent)}.gp-st{font:500 12.5px/1.2 var(--font-sans);white-space:nowrap}.gp-sum{min-width:0;color:var(--color-panel-fg-dim);font-size:var(--text-label);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.gp-lamp{background:var(--color-panel-voice);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.gp-body,.gp-radios{flex-direction:column;gap:4px;display:flex}.gp-body{margin-top:8px}.gp-opt,.gp-chk{border-radius:var(--radius-chip);width:100%;color:var(--color-panel-fg-muted);font:400 12px/1.2 var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 6px;display:flex}.gp-opt{min-height:26px}.gp-chk{min-height:24px}.gp-opt:hover:not(:disabled){background:var(--color-white-4)}.gp-opt:before,.gp-chk:before{content:"";box-shadow:inset 0 0 0 1.5px var(--color-panel-line-strong);flex:none}.gp-opt:before{border-radius:50%;width:12px;height:12px}.gp-chk:before{border-radius:var(--radius-mini);width:14px;height:14px}.gp-opt[aria-checked=true],.gp-chk[aria-checked=true]{color:var(--color-panel-fg)}.gp-opt[aria-checked=true]:before{box-shadow:inset 0 0 0 1.5px var(--gt), inset 0 0 0 4px var(--color-panel-card-bottom), inset 0 0 0 6px var(--gt)}.gp-chk[aria-checked=true]:before{background:var(--gt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23131415' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;box-shadow:none}.gp-chk:disabled{opacity:.4;cursor:default}.gp-opt:disabled{cursor:default}.gp-opt small{color:var(--color-panel-fg-dim);font-size:var(--text-label);margin-left:auto}.gp-opt:focus-visible,.gp-chk:focus-visible,.gp-fmt button:focus-visible,.gp-go:focus-visible,.gp-stop:focus-visible{outline:2px solid var(--gt);outline-offset:2px}.gp-sl{padding:4px 6px 0}.gp-sl .pnl-range{--fill-tone:var(--gt);margin:0 6px}.gp-sl .pnl-range:before{content:"";background:linear-gradient(var(--color-white-22), var(--color-white-22)) 0 0 / 2px 8px no-repeat, linear-gradient(var(--color-white-22), var(--color-white-22)) 50% 0 / 2px 8px no-repeat, linear-gradient(var(--color-white-22), var(--color-white-22)) 100% 0 / 2px 8px no-repeat;height:8px;position:absolute;top:3px;left:-1px;right:-1px}.gp-sl .pnl-range-track{z-index:1}.gp-sl .pnl-range.is-off{opacity:1}.gp-sl .pnl-range-fill{transition:width var(--dur-base) var(--ease-smooth)}.gp-sl .pnl-range-knob{width:13px;height:13px;transition:left var(--dur-base) var(--ease-smooth)}.gp-tk{color:var(--color-panel-fg-dim);font-size:var(--text-label);justify-content:space-between;margin-top:6px;display:flex}.gp-tk .is-on{color:var(--gt);font-weight:500}.gp-go{border-radius:var(--radius-chip);background:linear-gradient(180deg, var(--gt-lite), var(--gt-dark));width:100%;height:36px;box-shadow:inset 0 1px 0 #ffffff59, 0 1px 1px #00000073, 0 6px 14px -8px color-mix(in oklab, var(--gt) 70%, transparent);color:var(--color-panel-shell);font:600 12.5px/1 var(--font-display);letter-spacing:-.01em;cursor:pointer;transition:transform var(--dur-el) var(--ease-smooth);border:0;position:relative}.gp-go:active:not(:disabled){transform:scale(.94)}.gp-go:disabled{opacity:.45;cursor:default}.gp-flds{grid-template-columns:1fr 1fr;gap:6px;padding:2px 6px 0;display:grid}.gp-fld{border-radius:var(--radius-chip);background:var(--color-black-40);min-width:0;box-shadow:inset 0 0 0 1px var(--color-panel-line-quiet);flex-direction:column;gap:4px;padding:6px 8px;display:flex}.gp-fld.is-wide{grid-column:1/-1}.gp-fld span{color:var(--color-panel-fg-dim);font:500 8.5px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.gp-fld b{color:var(--color-panel-fg);font:500 12px/1.3 var(--font-sans)}.gp-fld.is-wide b{color:var(--color-panel-fg-muted);font-weight:400}.gp-run{background:linear-gradient(180deg, var(--color-panel-card-top), var(--color-panel-card-bottom)) padding-box, linear-gradient(152deg, color-mix(in oklab, var(--gt) 36%, transparent), var(--color-panel-line) 28%, var(--color-panel-line-quiet)) border-box;flex-direction:column;flex:none;gap:10px;padding:10px;display:flex}.gp-rh{color:var(--color-panel-fg-dim);font:500 8.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.gp-rh b{color:var(--color-panel-fg-muted);font-weight:500}.gp-tiles,.gp-tile-row{align-items:center;display:flex}.gp-tile-row{flex:1;min-width:0}.gp-lk{background:var(--color-panel-line);flex:none;width:8px;height:1px}.gp-lk.is-on{background:var(--gt)}.gp-tl{border-radius:var(--radius-el);background:linear-gradient(180deg, var(--color-black-55), var(--color-black-40));min-width:0;height:44px;box-shadow:inset 0 0 0 1px var(--color-panel-line-quiet);flex-direction:column;flex:1;justify-content:center;gap:3px;padding:0 9px;display:flex;position:relative;overflow:hidden}.gp-fi{border-right:2px solid var(--gt);background:linear-gradient(90deg, color-mix(in oklab, var(--gt) 12%, transparent), color-mix(in oklab, var(--gt) 30%, transparent));transform:scaleX(var(--f,0));transform-origin:0;will-change:transform;position:absolute;inset:0}.gp-tl:not(.is-now,.is-done) .gp-fi{visibility:hidden}.gp-tl.is-done .gp-fi{background:linear-gradient(180deg, color-mix(in oklab, var(--gt) 34%, transparent), color-mix(in oklab, var(--gt) 20%, transparent));border-right:0;transform:none}.gp-tl.is-now{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gt) 37%, transparent)}.gp-tl.is-done{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gt) 46%, transparent)}.gp-tl span{font:500 11px/1.15 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.gp-tl small{color:var(--color-panel-fg-dim);font:400 9px/1 var(--font-mono);position:relative}.gp-tl.is-now small,.gp-tl.is-done small{color:var(--gt-lite)}.gp-rf{align-items:center;gap:10px;min-height:24px;display:flex}.gp-rf p{min-width:0;color:var(--color-panel-fg-dim);font-size:var(--text-label);margin:0}.gp-stop{border:1px solid var(--color-panel-line-strong);border-radius:var(--radius-full);height:24px;color:var(--color-panel-fg-muted);font:500 11px/1 var(--font-sans);cursor:pointer;background:0 0;flex:none;padding:0 12px}.gp-ok{border:1px solid color-mix(in oklab, var(--gt) 34%, transparent);border-radius:var(--radius-mini);background:color-mix(in oklab, var(--gt) 12%, transparent);height:22px;color:var(--gt);font:500 11px/1 var(--font-sans);flex:none;align-items:center;padding:0 9px;display:inline-flex}.gp-tot{text-align:center;flex:none;padding:2px 0 4px}.gp-tot p{margin:0}.gp-big{font:500 17px/1.2 var(--font-display);letter-spacing:-.02em}.gp-big b{color:var(--gt-lite);font-weight:700}.gp-small{color:var(--color-panel-fg-dim);font-size:var(--text-label);margin-top:4px!important}.gp-ex{border:1px dashed var(--color-white-35);border-radius:var(--radius-mini);height:16px;color:var(--color-panel-fg-dim);font:500 8.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;align-items:center;margin-left:6px;padding:0 5px;display:inline-flex}.gp-note{color:var(--color-panel-fg-dim);font-size:var(--text-label);flex:none;margin:0;padding:0 4px}.gtl{background:var(--color-ppro-panel);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.gtl-tabs{border-bottom:1px solid var(--color-ppro-line);flex:none;align-items:stretch;gap:2px;min-width:0;height:28px;display:flex;overflow:hidden}.gtl-tab{color:var(--color-ppro-dim);font-size:var(--text-small);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:0 10px;display:flex}.gtl-tab em{color:var(--color-ppro-playhead);font:400 10.5px/1 var(--font-mono);font-style:normal}.gtl-tab.is-on{border-bottom-color:var(--color-ppro-playhead);color:var(--color-ppro-text)}.gtl-tab.is-new{animation:tl-clip-in var(--dur-el) var(--ease-smooth)}.gtl-ruler{border-bottom:1px solid var(--color-ppro-line);flex:none;grid-template-columns:56px 1fr;height:22px;display:grid}.gtl-rl{background:repeating-linear-gradient(to right, var(--color-ppro-tick) 0 1px, transparent 1px 20%) left bottom / 100% 8px no-repeat, repeating-linear-gradient(to right, var(--color-ppro-line) 0 1px, transparent 1px 5%) left bottom / 100% 4px no-repeat;position:relative}.gtl-rl:after{content:"";background:var(--color-ppro-tick);width:1px;height:8px;position:absolute;bottom:0;right:0}.gtl-rl span{top:3px;left:calc(var(--x) * 100%);color:var(--color-ppro-dim);font:400 9.5px/1 var(--font-mono);white-space:nowrap;position:absolute;translate:-50%}.gtl-rl span.is-first{translate:0}.gtl-rl span.is-last{translate:-100%}.gtl-rl{container-type:inline-size}@container not (min-width:300px){.gtl-rl span.is-near{display:none}}.gtl-tracks{scrollbar-width:thin;flex:1;min-height:0;position:relative;overflow-y:auto}.gtl-row{border-bottom:1px solid var(--color-ppro-line);background:var(--color-ppro-track);grid-template-columns:56px 1fr;display:grid}.gtl-row.is-alt{background:var(--color-ppro-track-alt)}.gtl-row.is-v{height:30px}.gtl-row.is-a{height:44px}.gtl-row>b{border-right:1px solid var(--color-ppro-line);color:var(--color-ppro-dim);font:500 10.5px/1 var(--font-mono);justify-content:center;align-items:center;display:flex}.gtl-lane{position:relative;overflow:hidden}.gtl-clip{top:2px;bottom:2px;left:calc(var(--x) * 100%);width:calc(var(--w) * 100%);border-radius:var(--radius-hair);transform-origin:0;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.gtl-clip.is-video{background:var(--color-ppro-clip-video)}.gtl-clip.is-audio{background:var(--color-ppro-clip-audio)}.gtl-clip.is-dim{filter:saturate(.25)brightness(.55)}.gtl-name{z-index:1;color:#fff;font:400 10.5px/1.2 var(--font-sans);text-overflow:ellipsis;text-shadow:0 1px 1px #0009;white-space:nowrap;position:absolute;top:3px;left:4px;right:2px;overflow:hidden}.gtl-wave{width:100%;height:70%;fill:var(--color-black-40);position:absolute;bottom:0;left:0;right:0}.gtl-ph-lane{z-index:3;transform:translateX(calc(var(--ph) * 100%));pointer-events:none;position:absolute;inset:28px 0 0 56px}.gtl-ph{background:var(--color-ppro-playhead);width:1px;position:absolute;top:0;bottom:0;left:0}.gtl-ph:before{content:"";background:var(--color-ppro-playhead);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);width:11px;height:12px;position:absolute;top:4px;left:-5px}.gp-btn2{border:1px solid var(--color-panel-line-strong);border-radius:var(--radius-chip);background:linear-gradient(180deg, var(--color-white-10), var(--color-white-4));width:calc(100% - 12px);height:28px;color:var(--color-panel-fg);font:500 12px/1 var(--font-sans);cursor:pointer;transition:transform var(--dur-el) var(--ease-smooth);margin:2px 6px 0}.gp-btn2:active:not(:disabled){transform:scale(.94)}.gp-btn2:disabled{opacity:.45;cursor:default}.gp-btn2:focus-visible{outline:2px solid var(--gt);outline-offset:2px}.gp-sub{color:var(--color-panel-fg-dim);font:500 8.5px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;padding:0 6px}.gp-spk{height:24px;color:var(--color-panel-fg-muted);font-size:var(--text-label);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:0 6px;display:grid}.gp-spk i{background:var(--c);border-radius:50%;width:9px;height:9px}.gp-spk em{color:var(--color-panel-fg-dim);font:400 10px/1 var(--font-mono);font-style:normal}.is-guillotine .is-spk-0{--c:var(--color-demo-speaker-1)}.is-guillotine .is-spk-1{--c:var(--color-demo-speaker-2)}.is-guillotine .is-spk-2{--c:var(--color-demo-speaker-3)}.is-guillotine .is-short-0{--c:var(--color-demo-short-1)}.is-guillotine .is-short-1{--c:var(--color-demo-short-2)}.is-guillotine .is-short-2{--c:var(--color-demo-short-3)}.is-guillotine .is-short-3{--c:var(--color-demo-short-4)}.is-guillotine .is-short-4{--c:var(--color-demo-short-5)}.is-guillotine .is-short-5{--c:var(--color-demo-short-6)}.gtl-row.is-c{background:var(--color-demo-caption-row);height:34px}.gtl-row.is-cam{height:38px}.gtl-clip:is([class*=is-spk-],[class*=is-short-]){background:var(--c)}.gtl-clip{transition:box-shadow var(--dur-el) var(--ease-smooth), filter var(--dur-el) var(--ease-smooth)}.gtl-clip.is-hot{z-index:2;box-shadow:inset 0 0 0 2px #fff,0 0 12px #ffffff59}.gtl-clip.is-bad{box-shadow:inset 0 0 0 1.5px var(--color-panel-danger);background:0 0}.gtl-clip.is-bad:after{content:"";background:repeating-linear-gradient(135deg,#ff797938 0 4px,#0000 4px 8px);position:absolute;inset:0}.gtl-clip.is-bad.is-grey{background:var(--color-demo-breath)}.gtl-clip.is-src{z-index:2;animation:gtl-src-in var(--dur-base) var(--ease-smooth) both;box-shadow:inset 0 0 0 1px #00000073,0 0 8px #00000080}@keyframes gtl-src-in{0%{opacity:0;transform:scaleY(.4)}}.gtl-cap{top:4px;bottom:4px;left:calc(var(--x) * 100%);width:calc(var(--w) * 100%);border-radius:var(--radius-hair);background:var(--color-demo-caption);color:var(--color-demo-caption-ink);font:400 10px/1.2 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;transform-origin:0;transition:background-color var(--dur-base) var(--ease-smooth), color var(--dur-base) var(--ease-smooth);padding:3px 5px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.gtl-cap.is-cut{background:var(--color-demo-caption-cut);color:var(--color-demo-caption-cut-ink);text-decoration:line-through;-webkit-text-decoration-color:var(--color-panel-danger);text-decoration-color:var(--color-panel-danger)}.gtl-ov{z-index:5;pointer-events:none;position:absolute;inset:50px 0 0 56px}.gtl-tag{top:6px;left:calc(var(--x) * 100%);border-radius:var(--radius-full);background:var(--color-shell);box-shadow:inset 0 0 0 1px var(--color-line);font:500 10.5px/1 var(--font-mono);white-space:nowrap;animation:tl-clip-in var(--dur-base) var(--ease-smooth);padding:5px 9px;position:absolute}.gtl-tag.is-mid{translate:-50%}.gtl-tag.is-ok{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-panel-voice) 45%, transparent);color:var(--color-panel-voice)}.gtl-tag.is-bad{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-panel-danger) 45%, transparent);color:var(--color-panel-danger)}.gtl-mk{top:-21px;left:calc(var(--x) * 100%);max-width:calc(var(--w) * 100%);height:15px;color:var(--color-ppro-text);font:500 9.5px/1 var(--font-mono);white-space:nowrap;animation:tl-clip-in var(--dur-base) var(--ease-smooth) both;align-items:center;gap:4px;padding-right:5px;display:flex;position:absolute}.gtl-mk>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.gtl-mk b{border-radius:var(--radius-hair) var(--radius-hair) var(--radius-hair) 0;background:var(--c);min-width:13px;height:15px;color:var(--color-panel-shell);flex:none;place-items:center;padding:0 3px;font-weight:600;display:grid}@media (prefers-reduced-motion:reduce){.gtl-clip.is-src,.gtl-tag,.gtl-mk,.gtl-tab.is-new{animation:none}}@media not (min-width:40rem){.is-guillotine .ppro-slot{min-height:0;max-height:700px}.is-guillotine .gp{height:auto;max-height:700px}.gtl-ruler,.gtl-row{grid-template-columns:40px 1fr}.gtl-ph-lane,.gtl-ov{left:40px}.gtl-row.is-a{height:34px}.gtl-row.is-c,.gtl-row.is-cam{height:30px}.gtl-tab{font-size:var(--text-label);padding:0 6px}}