/* Optional controls. All optical surfaces are rendered by the shared engine. */
.gx-panel{padding:20px;border:1px solid #ecfff336}.gx-panel h3,.gx-panel p{margin:0}.gx-panel h3{font-size:17px;font-weight:550}.gx-panel p{font-size:14px;line-height:1.55;opacity:.75;margin-top:9px}.gx-panel-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:13px}
.gx-popover,.gx-tooltip{position:absolute!important;z-index:60;max-width:calc(100% - 20px);border:1px solid #ebfff552;box-sizing:border-box;color:inherit;pointer-events:auto;overflow:hidden}
.gx-popover{width:250px;padding:7px;max-height:calc(100% - 20px);overflow-y:auto}.gx-choice-trigger{display:inline-flex;justify-content:space-between;align-items:center;gap:18px;padding:11px 14px;min-height:44px;width:100%;font:inherit;font-size:14px;color:inherit;border:1px solid #ecfff33d;cursor:pointer}.gx-choice-chevron{opacity:.7;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.gx-choice-trigger[aria-expanded=true] .gx-choice-chevron{transform:rotate(180deg)}.gx-choice-menu{scrollbar-width:thin}.gx-choice-item{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;text-align:left;min-height:44px}.gx-choice-item:focus-visible,.gx-choice-item:hover{background:#d9ffed28;outline:none}.gx-choice-item:disabled{opacity:.38;cursor:default}.gx-choice-copy{display:flex;flex-direction:column;gap:4px}.gx-choice-copy small{font-size:12px;opacity:.66;line-height:1.4}.gx-choice-check{opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .3s cubic-bezier(.18,.85,.22,1)}.gx-choice-item.is-selected .gx-choice-check{opacity:1;transform:scale(1)}.gx-choice-item.is-selected{background:#d5ffeb1d}
.gx-tooltip{z-index:90;padding:12px 16px;display:flex;align-items:center;flex-direction:column;gap:6px;min-width:82px;max-width:250px;text-align:center;overflow:hidden}.gx-tooltip-label{font-size:12px;line-height:1.4;opacity:.78}.gx-tooltip:not(:has(.gx-number)){font-size:14px;line-height:1.5;max-width:220px}.gx-tooltip:not(:has(.gx-number)) .gx-tooltip-label{font-size:14px;opacity:1}.gx-number{display:inline-flex;align-items:baseline;font:500 28px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';white-space:nowrap}.gx-digit{display:block;width:.65em;height:1em;overflow:hidden}.gx-digit-wheel{display:block;height:11em;width:100%;will-change:transform}.gx-digit-wheel>span{display:block;height:1em;line-height:1em;text-align:center}.gx-number-unit{font-size:14px;letter-spacing:0;opacity:.7;margin-left:5px;align-self:center}.gx-number-decimal,.gx-number-sign{width:.35em;text-align:center}
.gx-range-field{width:100%;min-width:0}.gx-range-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px}.gx-range-output{font:13px ui-monospace,monospace;opacity:.75;white-space:nowrap}.gx-range-row{display:flex;align-items:center;gap:9px}.gx-range-track{height:44px;min-width:0;flex:1;border:1px solid #e1fff321}.gx-range-track:before{content:'';position:absolute;top:20px;left:0;right:0;height:4px;pointer-events:none;border-radius:9px;background:linear-gradient(to right,#8ecfbdb0 0 var(--progress,50%),#8ecfbd25 var(--progress,50%) 100%)}.gx-range-track input{height:44px!important;margin:0!important;background:transparent!important;display:block}.gx-range-track .gx-thumb{top:12px;width:28px;height:18px;border:1px solid #f4fff5b3;box-sizing:border-box}.gx-step-button{width:38px;height:44px;flex:0 0 38px;padding:0;border:1px solid #ecfff345;color:inherit;font:inherit;font-size:22px;display:grid;place-items:center}.gx-step-button:focus-visible{outline:2px solid #4bbb96;outline-offset:3px}.gx-range-ticks{position:absolute;inset:32px 10px auto;display:flex;justify-content:space-between;pointer-events:none}.gx-range-ticks i{height:3px;width:1px;background:currentColor;opacity:.4}
.gx-color-picker{padding:18px;border:1px solid #effff142;width:100%;box-sizing:border-box;color:inherit;min-width:0}.gx-color-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.gx-color-heading strong{font-size:14px;font-weight:550}.gx-color-preview{display:block;width:24px;height:24px;border:1px solid #effff370;border-radius:7px;box-shadow:0 2px 9px #00000018}.gx-color-plane{position:relative;height:138px;border-radius:12px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--hue,#00ffaa);cursor:crosshair;touch-action:none;border:1px solid #effff33d}.gx-color-plane:focus-within{outline:2px solid #eafffa;outline-offset:3px}.gx-color-cursor{position:absolute!important;width:18px;height:18px;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;box-sizing:border-box;pointer-events:none;box-shadow:0 1px 5px #0008!important;background:#ffffff0b}.gx-color-rail-row{display:flex;align-items:center;gap:12px;margin-top:6px}.gx-color-rail-row>span{font-size:12px;width:49px;flex-shrink:0;opacity:.75}.gx-color-rail{height:34px;position:relative;flex:1;cursor:ew-resize;touch-action:none;border-radius:8px;outline-offset:2px}.gx-color-rail:before{content:'';position:absolute;left:0;right:0;top:13px;height:8px;border-radius:8px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.gx-alpha-rail:before{background:linear-gradient(to right,rgba(var(--rgb,0,255,180),0),rgb(var(--rgb,0,255,180))),repeating-conic-gradient(#c1d1cc 0% 25%,#eff5f1 0% 50%) 0 0/8px 8px}.gx-color-rail-knob{position:absolute!important;top:9px;width:24px;height:16px;transform:translateX(-50%);border:1px solid #fff;border-radius:5px;box-sizing:border-box;pointer-events:none;box-shadow:0 1px 5px #0005!important;background:#ffffff2b}.gx-color-fields{display:grid;grid-template-columns:minmax(95px,1.6fr) repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.gx-color-fields label{display:flex;flex-direction:column;gap:6px;min-width:0}.gx-color-fields label>span{font-size:12px;opacity:.6}.gx-color-fields input{min-width:0;width:100%;box-sizing:border-box;border:1px solid #e8fff33d;border-radius:8px;color:inherit;background:#caefe611;padding:9px 3px;font:14px ui-monospace,monospace;outline-offset:2px;min-height:36px;text-align:center}.gx-color-fields [aria-invalid=true]{border-color:#e78484;outline:1px solid #e78484}.gx-color-palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:14px}.gx-color-swatch{aspect-ratio:1;min-height:24px;display:block;border-radius:7px;border:2px solid transparent;padding:0;cursor:pointer;box-shadow:0 2px 5px #00000018}.gx-color-swatch[aria-pressed=true]{border-color:currentColor;outline:1px solid #dcfff4;outline-offset:2px}.gx-color-swatch:focus-visible{outline:2px solid #ebfff5;outline-offset:2px}.gx-color-help{font-size:12px;line-height:1.45;opacity:.6;margin:12px 0 0}.gx-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.gx-choice-check,.gx-choice-chevron{transition:none}}

.gx-range-track:before{top:20px;background:#8ecfbd25}.gx-range-track .gx-slider-fill{top:20px;background:#8ecfbdb0}.gx-color-cursor,.gx-color-rail-knob{left:0!important;top:0!important}