.gb-main[data-astro-cid-couadg5c]{flex-direction:column;gap:24px;margin-top:1.5rem;display:flex}.gb-controls[data-astro-cid-couadg5c]{flex-direction:column;gap:16px;display:flex}.gb-section[data-astro-cid-couadg5c]{flex-direction:column;gap:8px;display:flex}.gb-track-wrap[data-astro-cid-couadg5c]{width:100%;position:relative}.gb-track[data-astro-cid-couadg5c]{border:1px solid var(--border);cursor:crosshair;user-select:none;touch-action:none;border-radius:4px;height:52px;position:relative;overflow:visible}.gb-track-labels[data-astro-cid-couadg5c]{justify-content:space-between;margin-top:2px;padding:0 2px;display:flex}.gb-stop-list[data-astro-cid-couadg5c]{flex-direction:column;gap:4px;margin-top:4px;display:flex}.gb-dial-row[data-astro-cid-couadg5c]{align-items:center;gap:16px;display:flex}.gb-dial[data-astro-cid-couadg5c]{touch-action:none;flex-shrink:0;display:block}.gb-dial-meta[data-astro-cid-couadg5c]{flex-direction:column;gap:6px;display:flex}.gb-row-inline[data-astro-cid-couadg5c]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gb-field-num[data-astro-cid-couadg5c]{background:var(--bg-base);border:1px solid var(--border);width:64px;color:var(--text-primary);font-family:var(--font-mono);-moz-appearance:textfield;border-radius:3px;outline:none;padding:5px 8px;font-size:.8rem;transition:border-color .15s}.gb-field-num[data-astro-cid-couadg5c]:focus{border-color:var(--accent)}.gb-field-num[data-astro-cid-couadg5c]::-webkit-outer-spin-button{-webkit-appearance:none}.gb-field-num[data-astro-cid-couadg5c]::-webkit-inner-spin-button{-webkit-appearance:none}.gb-presets[data-astro-cid-couadg5c]{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:5px;display:grid}.gb-results-wrap[data-astro-cid-couadg5c]{gap:8px}.gb-preview[data-astro-cid-couadg5c]{border:1px solid var(--border);border-bottom:none;min-height:300px}.gb-code-panel[data-astro-cid-couadg5c]{border:1px solid var(--border);background:var(--bg-surface)}.gb-code-header[data-astro-cid-couadg5c]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.gb-code[data-astro-cid-couadg5c]{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--text-primary);user-select:all;min-height:80px;margin:0;padding:14px 16px;font-size:.8rem;line-height:1.7}.gb-handle{cursor:grab;touch-action:none;border:2px solid #ffffffe6;border-radius:2px;width:8px;height:60px;transition:outline 80ms;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000008c}.gb-handle:after{content:"";position:absolute;inset:-10px}.gb-handle.selected{outline:2px solid var(--accent);outline-offset:2px}.gb-handle.delete-preview{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:2px}.gb-stop-row{background:var(--bg-surface);border:1px solid var(--border);cursor:default;border-radius:4px;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 10px;transition:border-color .1s;display:flex}.gb-stop-grp{flex-shrink:0;align-items:center;gap:7px;display:flex}.gb-stop-row:hover{border-color:var(--text-muted)}.gb-stop-row.selected,.gb-stop-row.selected:hover{border-color:var(--accent)}.gb-stop-idx{flex-shrink:0;min-width:64px}.gb-swatch-btn{border:1px solid var(--border);cursor:pointer;border-radius:3px;flex-shrink:0;width:28px;height:28px;padding:0}.gb-cpick{z-index:9999;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;width:260px;padding:10px;position:fixed;box-shadow:0 8px 24px #00000080}.gb-cpick-canvas-wrap{border:1px solid var(--border);cursor:crosshair;user-select:none;touch-action:none;width:100%;margin-bottom:10px;position:relative}#gb-cpick-canvas{aspect-ratio:1;width:100%;display:block}.gb-cpick-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #0009}.gb-cpick-sliders{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.gb-cpick-track{border:1px solid var(--border);border-radius:9px;height:18px;position:relative}.gb-cpick-hue-track{background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red)}.gb-cpick-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.gb-cpick-range::-webkit-slider-runnable-track{background:0 0;height:100%}.gb-cpick-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #00000040;border-radius:50%;width:20px;height:20px;margin-top:-1px;box-shadow:0 1px 4px #0006}.gb-cpick-range::-moz-range-track{background:0 0;border-radius:9px;height:100%}.gb-cpick-range::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #00000040;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0006}.gb-cpick-swatch-wrap{border:1px solid var(--border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Crect width='6' height='6' fill='%23e5e5e5'/%3E%3Crect x='6' y='6' width='6' height='6' fill='%23e5e5e5'/%3E%3Crect x='6' width='6' height='6' fill='%23333'/%3E%3Crect y='6' width='6' height='6' fill='%23333'/%3E%3C/svg%3E");border-radius:3px;overflow:hidden}.gb-cpick-swatch{height:36px}.gb-hex-in{background:var(--bg-base);border:1px solid var(--border);width:88px;color:var(--text-primary);font-family:var(--font-mono);border-radius:3px;outline:none;padding:5px 8px;font-size:.8rem;transition:border-color .15s}.gb-hex-in:focus{border-color:var(--accent)}.gb-hex-in.error{border-color:var(--danger)}.gb-num-in{background:var(--bg-base);border:1px solid var(--border);width:52px;color:var(--text-primary);font-family:var(--font-mono);-moz-appearance:textfield;border-radius:3px;outline:none;padding:5px 6px;font-size:.8rem;transition:border-color .15s}.gb-num-in:focus{border-color:var(--accent)}.gb-num-in::-webkit-outer-spin-button{-webkit-appearance:none}.gb-num-in::-webkit-inner-spin-button{-webkit-appearance:none}.gb-preset-swatch{border:1px solid var(--border);cursor:pointer;border-radius:3px;height:36px;padding:0;transition:outline .1s,transform .1s}.gb-preset-swatch:hover{outline:2px solid var(--accent);outline-offset:1px;transform:scale(1.04)}