:root{--ga-primary:#6366f1;--ga-primary-hover:#5558e6;--ga-bg-card:#fff;--ga-text:#1e293b;--ga-text-muted:#64748b;--ga-border:#e2e8f0;--ga-canvas-shadow:0 8px 32px #00000026;--ga-radius:var(--main-radius,8px);--ga-radius-lg:var(--main-radius-lg,12px)}._ga-container{gap:var(--main-space-5,1.25rem);flex-direction:column;max-width:700px;margin:0 auto;display:flex}@media (max-width:768px){._ga-container{gap:var(--main-space-4,1rem);padding-left:.75rem;padding-right:.75rem}}@media (max-width:540px){._ga-container{padding-left:.5rem;padding-right:.5rem}}._ga-canvas-area{justify-content:center;display:flex}._ga-canvas-wrapper{border-radius:var(--ga-radius-lg);width:100%;box-shadow:var(--ga-canvas-shadow);justify-content:center;align-items:center;line-height:0;display:flex;overflow:hidden}._ga-canvas-wrapper canvas{width:auto;max-width:100%;height:auto;max-height:80vh;display:block}@media (max-width:768px){._ga-canvas-wrapper canvas{max-height:65vh}}._ga-canvas-wrapper.--transparent{background-color:#fff;background-image:linear-gradient(45deg,#e0e0e0 25%,#0000 25%),linear-gradient(-45deg,#e0e0e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e0e0e0 75%),linear-gradient(-45deg,#0000 75%,#e0e0e0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}._ga-actions{justify-content:center;gap:var(--main-space-3,.75rem);display:flex}._ga-btn-generate,._ga-btn-download{border-radius:var(--ga-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-style:solid;border-width:0;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600;transition:opacity .15s,color .15s,box-shadow .15s;display:inline-flex}._ga-btn-generate{background:var(--ga-primary);color:#fff;box-shadow:0 2px 12px #6366f14d}._ga-btn-generate:hover{opacity:.9}._ga-btn-download{background:var(--ga-bg-card);color:var(--ga-text);border-width:1px;border-color:var(--ga-border)}._ga-btn-download:hover{opacity:.85}._ga-btn-generate svg,._ga-btn-download svg{flex-shrink:0}._ga-controls{background:var(--ga-bg-card);border-radius:var(--ga-radius-lg);padding:var(--main-space-5,1.25rem);border-style:solid;border-width:1px;border-color:var(--ga-border);box-shadow:var(--main-shadow-sm,0 1px 3px #00000014);gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._ga-control-group{flex-direction:column;gap:.5rem;display:flex}._ga-control-label{color:var(--ga-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}._ga-density-value{color:var(--ga-primary);font-size:.8125rem;font-weight:500}._ga-control-row{gap:var(--main-space-5,1.25rem);align-items:flex-start;display:flex}._ga-flex-1{flex:1;min-width:0}._ga-styles,._ga-sizes{flex-wrap:wrap;gap:.375rem;display:flex}._ga-style-btn{border-radius:var(--ga-radius);cursor:pointer;color:var(--ga-text-muted);border-style:solid;border-width:1px;border-color:var(--ga-border);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;transition:color .15s,border-color .15s,background-color .15s}._ga-style-btn:hover{color:var(--ga-text);border-color:var(--ga-text-muted)}._ga-style-btn.active{background:var(--ga-primary);color:#fff;border-color:var(--ga-primary)}._ga-palettes{flex-wrap:wrap;gap:.375rem;display:flex}._ga-palette-btn{border-radius:var(--ga-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:2px solid #0000;align-items:center;gap:3px;padding:.375rem .5rem;transition:border-color .15s,opacity .15s;display:inline-flex}._ga-palette-btn:hover{border-color:var(--ga-border)}._ga-palette-btn.active{border-color:var(--ga-primary)}._ga-palette-dot{border-radius:50%;width:16px;height:16px;display:block}._ga-bg-colors{flex-wrap:wrap;gap:.375rem;display:flex}._ga-bg-btn{border-radius:var(--ga-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:2px solid #0000;justify-content:center;align-items:center;padding:3px;transition:border-color .15s;display:inline-flex}._ga-bg-btn:hover{border-color:var(--ga-border)}._ga-bg-btn.active{border-color:var(--ga-primary)}._ga-bg-swatch{border:1px solid #8080804d;border-radius:4px;width:22px;height:22px;display:block}._ga-bg-checker{background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}._ga-bg-btn[data-bg=color]{position:relative}._ga-bg-picker{opacity:0;cursor:pointer;border-width:0;width:100%;height:100%;padding:0;position:absolute;top:0;right:0}._ga-slider{-webkit-appearance:none;appearance:none;background:var(--ga-border);cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:3px;outline:none;width:100%;min-width:140px;height:6px}._ga-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ga-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000026}._ga-slider::-moz-range-thumb{background:var(--ga-primary);cursor:pointer;border-width:0;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000026}@media (max-width:768px){._ga-control-row{gap:var(--main-space-4,1rem);flex-direction:column}._ga-slider{min-width:100%;height:8px}._ga-slider::-webkit-slider-thumb{width:24px;height:24px}._ga-slider::-moz-range-thumb{width:24px;height:24px}._ga-style-btn{min-height:36px;padding:.5rem .875rem}._ga-styles,._ga-sizes,._ga-palettes,._ga-bg-colors{gap:.5rem}._ga-bg-swatch{width:26px;height:26px}._ga-palette-btn{padding:.5rem}}@media (max-width:540px){._ga-actions{flex-direction:column}._ga-btn-generate,._ga-btn-download{justify-content:center;width:100%}._ga-controls{padding:var(--main-space-4,1rem)}._ga-style-btn{padding:.5rem .75rem;font-size:.8125rem}._ga-control-label{font-size:.75rem}}