:root{--button-radius:calc(var(--radius-base) + 6px);--button-min-h:52px;--button-pad-x:22px;--button-pad-y:13px;--button-icon:22px;--button-font-size:1rem;--button-transform:none;--button-tracking:0}.f{gap:10px;padding-inline:var(--button-pad-x);border-radius:var(--button-radius);clip-path:none;border:1px solid transparent;box-shadow:none;text-transform:none;letter-spacing:0;line-height:1.25;transition:transform .2s ease,background-color .2s,border-color .2s,box-shadow .2s}.f[data-id]{background:var(--sx-main);color:var(--sx-on-main);border-color:var(--sx-main)}.f:not([data-id]){background:var(--sx-panel);color:var(--sx-ink);border-color:var(--sx-line-strong)}.f{--action-accent:var(--sx-spark)}.f[data-id]{--action-accent:var(--sx-main)}.f:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 6px color-mix(in oklab,var(--action-accent) 30%,var(--sx-ground-deep)),0 12px 24px color-mix(in oklab,var(--action-accent) 22%,transparent)}.f:active{transform:translateY(1px);box-shadow:0 2px color-mix(in oklab,var(--action-accent) 30%,var(--sx-ground-deep))}.f .m{transition:transform .2s ease}.f:is(:hover,:focus-visible) .m{transform:scale(1.15)}.f[data-id]:hover{background:color-mix(in oklab,var(--sx-main) 88%,var(--sx-light));border-color:color-mix(in oklab,var(--sx-main) 75%,var(--sx-light))}.f:not([data-id]):hover{background:var(--sx-panel-hi);border-color:var(--sx-spark)}.f::after,.h::before{display:none}.f .h{width:22px;height:22px;border-radius:0;background:0 0;box-shadow:none;color:inherit}.m{width:22px;height:22px;display:block;flex:none}.p{overflow-wrap:normal;word-break:normal}.f:focus-visible{outline:3px solid var(--sx-focus);outline-offset:4px}.g{--button-min-h:48px;--button-pad-x:16px;--button-pad-y:10px;--button-font-size:.875rem;gap:8px}.eu:not([data-id]){background:var(--color-media-play,var(--sx-spark));border-color:var(--color-media-play,var(--sx-spark));color:var(--sx-ground-deep)}.ik{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0}.ik:focus-within{position:relative;width:auto;height:auto;margin:0;padding:var(--sx-pad);overflow:visible;clip:auto;clip-path:none;background:var(--sx-ground-deep)}.ik ul{display:flex;flex-wrap:wrap;list-style:none;gap:12px 20px}.ik a{color:var(--sx-ink);text-decoration:underline}.ob{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.x9{display:flex;gap:0;padding:24px;border-radius:calc(var(--sx-r-sm) + 6px);min-width:0}.oe{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:16px;color:var(--sx-main);border:1px solid color-mix(in oklab,var(--sx-main) 32%,transparent);background:color-mix(in oklab,var(--sx-main) 6%,transparent)}.co{width:38px;height:38px}.cu{color:var(--sx-ink);font-size:1.125rem;line-height:1.35}.x9 .xs{margin-top:10px;margin-bottom:24px;font-size:.9375rem;line-height:1.6}.ip{display:block;margin-top:auto;padding-top:0}.ip .f{width:100%;--button-pad-x:14px}.iz{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.xd,.of{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border-radius:calc(var(--sx-r-sm) + 4px)}.xp{order:1;font-size:.75rem;line-height:1.5;letter-spacing:.08em;color:var(--sx-spark)}.ek{order:2;display:block;width:auto;margin:0;padding:0 0 0 10px;border:0;border-left:2px solid color-mix(in oklab,var(--sx-main) 55%,transparent);border-radius:0;font-size:.8125rem;line-height:1.5;color:var(--sx-ink-soft)}.xd .b,.of .b{order:3;margin:auto 0 0;padding-top:4px;font-size:1.5rem;line-height:1.3}.oj{flex-direction:column;gap:6px}.xm:hover,.xt:hover{transform:none;box-shadow:none;border-color:var(--sx-line-strong);background:var(--sx-panel-hi)}.u{min-height:158px;padding:26px;border-radius:calc(var(--sx-r-sm) + 6px);transition:background-color .3s,border-color .3s}.u::before{content:"";left:auto;right:20px;top:20px;bottom:auto;width:12px;height:12px;border:1px solid var(--sx-spark);border-radius:3px;background:0 0;opacity:.45;transform:rotate(45deg)scale(.75);transition:transform .35s,opacity .35s}.u:hover::before,.u:focus-visible::before{left:auto;width:12px;opacity:1;transform:rotate(0)scale(1)}.u::after{content:"";position:absolute;inset:8px;border:1px solid transparent;border-radius:var(--sx-r-sm);pointer-events:none;transform:scale(.96);transition:border-color .35s,transform .35s}.u:hover::after,.u:focus-visible::after{border-color:color-mix(in oklab,var(--sx-spark) 42%,transparent);transform:scale(1)}.x7{padding-right:18px}html.x4 .x5{transform:none;transition:opacity .45s ease}html.x4 .x5 .v{transform:none;clip-path:inset(5% 0 0 0 round var(--sx-r-sm));transition:opacity .35s ease calc(var(--i,0) * 35ms),clip-path .45s ease calc(var(--i,0) * 35ms),background-color .3s,border-color .3s}html.x4 .x5.ou .v{transform:none;clip-path:inset(0 round var(--sx-r-sm))}html.x4 .x5.ou .xm:hover,html.x4 .x5.ou .xt:hover{transform:none}html.x4 .x5 .z::before{transform:none}.x3{position:relative;display:block;isolation:isolate;overflow:hidden;border-radius:inherit}.x3 img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s;transform-origin:center}.x3:hover img,.x3:focus-visible img{transform:scale(1.045);filter:saturate(1.08)}.xo{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:2px solid var(--color-media-play,var(--sx-spark));background:var(--sx-ground-deep);color:var(--color-media-play,var(--sx-spark));transform:translate(-50%,-50%)scale(.9);transition:transform .3s,box-shadow .3s;box-shadow:0 0 0 8px color-mix(in oklab,var(--sx-ground-deep) 25%,transparent);pointer-events:none}.x3[data-id] .xo{background:var(--color-media-play,var(--sx-spark));color:var(--sx-ground-deep)}.xo .m{width:28px;height:28px}.x3:hover .xo,.x3:focus-visible .xo{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 12px color-mix(in oklab,var(--color-media-play,var(--sx-spark)) 14%,transparent)}.x3:focus-visible{outline:3px solid var(--sx-focus);outline-offset:3px}.xh{z-index:0}.ii{position:relative;z-index:1;pointer-events:none}.i5,.x2{pointer-events:auto}.xh .x3{width:100%;height:100%}.im{gap:3px}.w{width:10px;height:10px;border:0;transform:none;background:linear-gradient(currentColor,currentColor)50%/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor)50%/1.5px 100% no-repeat;transition:transform .2s}.q[open] .w{transform:rotate(45deg)}.j{left:auto;right:0;padding:10px;min-width:240px;max-height:65dvh;overflow-y:auto;border-radius:14px}.o{border-radius:8px;padding:12px}.o:hover{background:color-mix(in oklab,var(--sx-main) 10%,var(--sx-ground-deep));color:var(--sx-main)}@media(min-width:75rem){.x{padding-inline:10px}}@media(max-width:74.999rem){.io{max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:max(24px,env(safe-area-inset-bottom))}.im{padding-bottom:8px}.x{min-height:50px}.ob{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:47.999rem){.ob{grid-template-columns:1fr;gap:14px}.x9{padding:22px}.oe{width:52px;height:52px;margin-bottom:14px}.x9 .xs{margin-bottom:20px}.iz{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xd,.of{padding:16px}.xd .b,.of .b{font-size:1.25rem}.x6{min-height:72px;gap:8px}.xx{flex-shrink:0}.g .h{display:grid;flex-shrink:0;width:20px;height:20px}.g:not([data-id]){--action-accent:var(--color-media-play, var(--sx-spark));color:var(--action-accent);border:2px solid var(--action-accent);background:var(--sx-ground-deep)}.g{animation:studio-action-pulse 2.8s ease-out infinite}.g:is(:hover,:focus-visible,:active){animation:none}.g{max-width:none;flex-shrink:0;--button-pad-x:12px;--button-font-size:.875rem;gap:6px}.g .m{width:18px;height:18px}.xh{height:260px}.xo{width:54px;height:54px}}@keyframes studio-action-pulse{0%,100%{box-shadow:0 0 color-mix(in oklab,var(--action-accent) 40%,transparent)}65%{box-shadow:0 0 0 7px color-mix(in oklab,var(--action-accent) 0%,transparent)}}:root[data-sort=off] .g{animation:none}@media(max-width:23rem){.x6{gap:6px}.ft{width:74px}.g{--button-pad-x:9px;--button-font-size:.75rem}.g .p{position:static;width:auto;height:auto;clip:auto;overflow:visible}}@media(prefers-reduced-motion:reduce){.f,.f .m{animation:none!important;transition:none!important}.f:is(:hover,:focus-visible,:active),.f:is(:hover,:focus-visible) .m{transform:none}.x3 img,.xo,.v,.u::before,.u::after{transition:none!important;transform:none}.xo{transform:translate(-50%,-50%)}html.x4 .x5 .v{opacity:1;clip-path:none}}