.gg .checker{background-color:#fff;background-image:linear-gradient(45deg,#d6d9e4 25%,#0000 25% 75%,#d6d9e4 75%),linear-gradient(45deg,#d6d9e4 25%,#0000 25% 75%,#d6d9e4 75%);background-position:0 0,7px 7px;background-size:14px 14px}.gg-main{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:16px;display:grid}.gg-left,.gg-right{gap:16px;min-width:0;display:grid}.gg-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--edge);align-content:start;gap:12px;padding:16px;display:grid}.gg-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.gg-h{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.12rem;font-weight:650}.gg-help{color:var(--muted);margin:0;font-size:.86rem}.gg-mini-btns{flex-wrap:wrap;gap:6px;display:flex}.gg .chip-btn{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.gg .chip-btn:disabled{opacity:.45;cursor:not-allowed}.gg-preview{aspect-ratio:16/9;border-radius:var(--radius);width:100%;box-shadow:inset 0 0 0 1px var(--line-strong), var(--shadow-md);margin-inline:auto;position:relative;overflow:hidden}.gg-preview-fill{position:absolute;inset:0}.gg-center{cursor:grab;touch-action:none;background:#04060d59;border:3px solid #fff;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;position:absolute;box-shadow:0 0 0 1px #0006,0 4px 14px #0006}.gg-center[hidden]{display:none}.gg-center.dragging{cursor:grabbing;transform:scale(1.15)}.gg-center:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.gg-track{cursor:copy;touch-action:none;height:44px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:10px;margin:6px 13px 18px;position:relative}.gg-track-fill{border-radius:inherit;position:absolute;inset:0}.gg-handle{background:var(--c,#fff);cursor:grab;touch-action:none;width:26px;height:56px;transition:transform var(--fast) var(--spring), opacity var(--fast) var(--ease);border:3px solid #fff;border-radius:10px;margin:-28px 0 0 -13px;padding:0;position:absolute;top:50%;box-shadow:0 0 0 1px #00000073,0 6px 14px #00000059}.gg-handle.on{box-shadow:0 0 0 1px #00000073, 0 0 0 5px var(--sky), 0 6px 14px #00000059;z-index:2;transform:scale(1.12)}.gg-handle.dragging{cursor:grabbing}.gg-handle.will-remove{opacity:.35;transform:scale(.85)}.gg-handle:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.gg-stop-edit{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.gg-colour{cursor:pointer;flex:none;width:48px;height:48px;position:relative}.gg-colour input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.gg-colour-chip{border-radius:var(--radius-sm);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--line-strong);display:block;overflow:hidden}.gg-colour-chip>span{width:100%;height:100%;display:block}.gg-colour:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.gg-hex input{width:9.5rem}.gg-alpha{flex:140px}.gg-alpha input{width:100%;height:44px;accent-color:var(--electric)}.gg-pos input{width:6.5rem}.gg-del{min-height:44px}@media (width<=900px){.gg-main{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.gg-hex{flex:1}.gg-alpha{flex-basis:100%}.gg-hex input{width:100%}}.gg-field{gap:6px;min-width:0;font-size:.9rem;font-weight:650;display:grid}.gg-field output{font-family:var(--font-mono);color:var(--muted);font-size:.8rem;font-weight:400}.gg-field input[type=text],.gg-field input[type=number],.gg-field select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);max-width:100%;height:44px;color:var(--ink);font-family:var(--font-mono);padding:0 12px;font-size:.95rem;font-weight:400}.gg-field select{font-family:var(--font-body)}.gg-field input:focus-visible,.gg-field select:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.gg input[aria-invalid]{border-color:var(--danger)}.gg-settings{gap:16px}.gg-settings .seg{justify-self:start}.gg-angle,.gg-position,.gg-radial{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.gg-angle[hidden],.gg-position[hidden],.gg-radial[hidden]{display:none}.gg-position input{width:6rem}.gg-angle input{width:7rem}.gg-check{cursor:pointer;align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.gg-check input{width:18px;height:18px;accent-color:var(--electric)}.gg-dial{--a:0deg;background:radial-gradient(circle, var(--surface) 52%, transparent 53%), repeating-conic-gradient(var(--line-strong) 0 2deg, transparent 2deg 45deg), var(--surface-2);width:84px;height:84px;box-shadow:inset 0 0 0 1px var(--line-strong), var(--edge);cursor:grab;touch-action:none;border-radius:50%;flex:none;position:relative}.gg-dial:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.gg-dial-hand{background:linear-gradient(to top, transparent 0 14px, var(--sky) 14px);transform-origin:50% 0;width:4px;height:40px;transform:rotate(calc(var(--a) + 180deg));pointer-events:none;border-radius:2px;margin-left:-2px;position:absolute;top:50%;left:50%}.gg-dial-hand:after{content:"";background:var(--sky);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-6px;left:50%;box-shadow:0 0 12px #7cc4ffb3}.gg-pre{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-soft);max-height:260px;font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-2);margin:0;padding:14px;font-size:.82rem;line-height:1.6;overflow:auto}.gg-pre:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.gg-copy-row{flex-wrap:wrap;gap:8px;display:flex}.gg-copy{justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;display:inline-flex}.gg-export-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.gg-grow{flex:220px}.gg-grow select{width:100%}.gg-custom{gap:12px;display:flex}.gg-custom[hidden]{display:none}.gg-custom input{width:6.5rem}.gg-export .gg-copy{justify-self:start}.gg-presets{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.gg-preset{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);text-align:left;cursor:pointer;transition:transform var(--fast) var(--spring), border-color var(--fast) var(--ease);gap:8px;padding:6px 6px 10px;font-size:.88rem;font-weight:600;display:grid}.gg-preset:hover{border-color:var(--sky);transform:translateY(-2px)}.gg-preset:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.gg-preset-sw{aspect-ratio:16/10;border-radius:8px;display:block}.gg-preset>span:last-child{padding-inline:4px}@media (width<=480px){.gg-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.gg-copy-row>*,.gg-export .gg-copy{justify-content:center;width:100%}}.gg-blend{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.gg-blend-label{font-size:.9rem;font-weight:650}