.gf-host,.gf-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.gf-host canvas,.gf-fill canvas{width:100%!important;height:100%!important;display:block}.gf-thumb-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3a0630,#5b0b4a 45%,#1e0a1c)}.gf-picker{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:18px;width:100%}@media(max-width:900px){.gf-picker{grid-template-columns:1fr}}.gf-preview{position:relative;min-height:320px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,215,0,.35);background:#140714}.gf-preview-actions{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:8px;flex-wrap:wrap}.gf-preview-actions button,.gf-presets button{cursor:pointer;font-family:inherit}.gf-preview-actions button{border:1px solid #ffd700;background:#5b0b4aeb;color:gold;border-radius:10px;padding:8px 12px;font-size:.85rem;font-weight:600}.gf-preview-actions button:hover{background:#7a1265}.gf-controls{display:flex;flex-direction:column;gap:14px;color:gold;font-size:.9rem}.gf-field{display:flex;flex-direction:column;gap:6px}.gf-field>span,.gf-color>span{color:#d9b84a;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.gf-field select,.gf-field input[type=text],.gf-color input[type=text]{width:100%;border:1px solid rgba(255,215,0,.35);border-radius:9px;background:#140714e6;color:gold;padding:9px 10px;font-family:inherit}.gf-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:520px){.gf-colors{grid-template-columns:1fr}}.gf-color{display:flex;flex-direction:column;gap:6px}.gf-color input[type=color]{width:100%;height:34px;border:1px solid rgba(255,215,0,.35);border-radius:9px;background:#140714;padding:3px}.gf-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:520px){.gf-sliders{grid-template-columns:1fr}}.gf-sliders input[type=range],.gf-toggles input[type=range]{accent-color:#ffd700;width:100%}.gf-toggles{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end}.gf-toggles label{display:flex;gap:7px;align-items:center;color:gold}.gf-toggles input[type=checkbox]{accent-color:#ffd700}.gf-presets-title{color:#d9b84a;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.gf-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:7px;max-height:260px;overflow:auto;padding-right:4px}.gf-presets button{border:1px solid rgba(255,215,0,.22);background:#140714bf;color:gold;border-radius:9px;padding:5px;display:flex;flex-direction:column;gap:4px;font-size:.68rem;text-align:center;text-transform:capitalize}.gf-presets button.active,.gf-presets button:hover{border-color:gold;box-shadow:0 0 0 1px #ffd70059}.gf-swatch{display:block;width:100%;height:34px;border-radius:5px}.gf-picker-host{position:relative;inset:auto;width:100%;height:auto;min-height:0;overflow:visible}