.tl-wheel__editor{background:color-mix(in oklab,var(--color-paper,#0b1220) 58%,transparent);backdrop-filter:blur(14px) saturate(1.2);border:1px solid color-mix(in oklab,var(--color-ink,#fff) 16%,transparent);color:var(--color-ink,#fff);box-shadow:0 10px 30px rgba(0,0,0,.28)}.tl-float-btn:focus-visible,.tl-wheel__btn:focus-visible,.tl-wheel__seg:focus-visible{outline:2px solid var(--color-focus,var(--color-accent,#22c55e));outline-offset:2px}.tl-wheel{position:absolute;z-index:40;width:0;height:0;--wheel-scale:0.82}@media (max-width:760px){.tl-wheel{--wheel-scale:0.66}}.tl-wheel__svg{position:absolute;left:-300px;top:-300px;width:600px!important;height:600px!important;max-width:none!important;transform:scale(var(--wheel-scale));transform-origin:300px 300px;pointer-events:none;overflow:visible;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}.tl-wheel__svg>*{pointer-events:auto}.tl-wheel__disc{fill:color-mix(in oklab,var(--color-paper,#0b1220) 52%,transparent);stroke:hsla(0,0%,100%,.18)}.tl-wheel__seg{cursor:pointer;color:var(--color-ink,#fff);outline:none}.tl-wheel__seg-bg{fill:hsla(0,0%,100%,.07);stroke:hsla(0,0%,100%,.12);transition:fill .12s ease}.tl-wheel__seg:hover .tl-wheel__seg-bg{fill:hsla(0,0%,100%,.18)}.tl-wheel__seg[data-active=true] .tl-wheel__seg-bg{fill:var(--color-accent,#22c55e)}.tl-wheel__seg[data-active=true]{color:#04120a}.tl-wheel__seg[data-disabled=true]{opacity:.35;cursor:default}.tl-wheel__centre{cursor:pointer;outline:none}.tl-wheel__centre-bg{fill:rgba(240,244,248,.92)}.tl-wheel__centre-text{font:700 13px/1 var(--font-ui,system-ui);fill:#111827}.tl-wheel__style{animation:tl-wheel-in .16s ease-out}@keyframes tl-wheel-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.tl-wheel__swatch{cursor:pointer;outline:none}.tl-wheel__swatch path{stroke:hsla(0,0%,100%,.5);stroke-width:1}.tl-wheel__swatch[data-active=true] path{stroke:#fff;stroke-width:3}.tl-wheel__chip-text{font:600 10px/1 var(--font-ui,system-ui);fill:var(--color-ink,#fff);pointer-events:none}.tl-wheel__arc{cursor:pointer;outline:none}.tl-wheel__arc-hit{stroke:transparent;stroke-width:30;fill:none}.tl-wheel__arc-track{stroke:hsla(0,0%,100%,.28)}.tl-wheel__arc-fill,.tl-wheel__arc-track{stroke-width:8;fill:none;stroke-linecap:round}.tl-wheel__arc-thumb{fill:#fff;stroke:rgba(0,0,0,.35);stroke-width:1.5}.tl-wheel__arc:focus-visible .tl-wheel__arc-track{stroke:var(--color-accent,#22c55e)}.tl-wheel__arc-label{font:600 11px/1 var(--font-ui,system-ui);fill:#fff;paint-order:stroke;stroke:rgba(0,0,0,.6);stroke-width:3px;pointer-events:none}.tl-wheel__colour-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tl-wheel__btn{position:absolute;width:34px;height:34px;border-radius:999px;display:inline-grid;place-items:center;cursor:pointer;background:color-mix(in oklab,var(--color-paper,#0b1220) 70%,transparent);color:var(--color-ink,#fff);border:1px solid hsla(0,0%,100%,.22);backdrop-filter:blur(10px)}.tl-wheel__btn:disabled{opacity:.4;cursor:default}.tl-wheel__btn--undo{left:calc(-152px * var(--wheel-scale) - 17px)}.tl-wheel__btn--close,.tl-wheel__btn--undo{top:calc(-152px * var(--wheel-scale) - 17px)}.tl-wheel__btn--close{left:calc(152px * var(--wheel-scale) - 17px)}.tl-wheel__btn--edit{left:calc(-152px * var(--wheel-scale) - 17px);top:calc(152px * var(--wheel-scale) - 17px)}.tl-wheel__grip{position:absolute;left:-26px;top:calc(205px * var(--wheel-scale));width:52px;height:12px;border-radius:999px;background:hsla(0,0%,100%,.55);cursor:grab;touch-action:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}.tl-wheel__grip:active{cursor:grabbing}.tl-wheel__fab{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:999px;cursor:pointer;touch-action:none;display:grid;place-items:center;background:rgba(240,244,248,.92);border:1px solid rgba(0,0,0,.15);box-shadow:0 8px 20px rgba(0,0,0,.35)}.tl-wheel__fab-dot{width:30px;height:30px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.tl-wheel__editor{position:absolute;right:calc(215px * var(--wheel-scale));top:-170px;width:260px;max-height:340px;overflow:auto;padding:.6rem .75rem;border-radius:14px;display:grid;gap:.4rem;font-size:.8rem}.tl-wheel__editor ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}.tl-wheel__editor label{display:flex;align-items:center;gap:.45rem;cursor:pointer;padding:.15rem 0}.tl-studio-scene[data-layout=floating] .tl-studio-scene__pitch{overflow:clip}.tl-studio-drawer[data-open=false]{visibility:hidden}.tl-studio-scene[data-layout=floating] .tl-pen-overlay__hint{top:54px}.tl-wheel[data-side=left] .tl-wheel__editor{right:auto;left:calc(215px * var(--wheel-scale))}.tl-studio-drawer .tl-studio-tabs{display:flex;flex-wrap:wrap!important;gap:.3rem;overflow:visible}.tl-studio-drawer .tl-studio-tabs .tl-chip{height:28px;padding:0 .55rem;font-size:.72rem}.tl-wheel{touch-action:none}.tl-wheel__pill{position:absolute;left:50%;top:calc(150px * var(--wheel-scale) + 10px);transform:translateX(-50%);display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .4rem;border-radius:999px;background:color-mix(in oklab,var(--color-paper,#0b1220) 66%,transparent);border:1px solid hsla(0,0%,100%,.2);backdrop-filter:blur(12px);box-shadow:0 6px 18px rgba(0,0,0,.3);white-space:nowrap}.tl-wheel[data-style-open=true] .tl-wheel__pill{top:calc(196px * var(--wheel-scale) + 10px)}.tl-wheel__pill .tl-wheel__btn{position:static;width:32px;height:32px}.tl-wheel__pill .tl-wheel__grip{position:static;display:inline-block;width:34px;height:8px;margin:0 .25rem;cursor:grab}.tl-wheel__chip-text--big{font-size:18px;font-weight:700}.tl-wheel__arc-label{font:600 12px/1 var(--font-ui,system-ui);letter-spacing:.04em}.tl-wheel__centre-text{font:700 14px/1 var(--font-ui,system-ui)}.tl-wheel__swatch path{transition:transform .12s ease;transform-origin:0 0}.tl-wheel .tl-chip{display:inline-flex;align-items:center;min-height:32px;padding:.3rem .8rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.3);background:transparent;color:var(--color-ink,#fff);font:600 .82rem/1 var(--font-ui,system-ui);cursor:pointer}.tl-wheel .tl-chip--primary{background:var(--color-accent,#22c55e);border-color:var(--color-accent,#22c55e);color:var(--color-accent-ink,#04130a)}