.gc-layout{align-items:flex-start;gap:16px;display:flex}.gc-canvas-wrap{aspect-ratio:1;cursor:crosshair;border:1px solid var(--border);background:#0a0e1a;border-radius:8px;flex:1;min-width:0;max-height:440px;position:relative;overflow:hidden}.gc-canvas-wrap canvas{width:100%;height:100%;display:block}.gc-fs-btn{z-index:2;color:#cdd6e8;border:1px solid var(--border);cursor:pointer;background:#0a0e1ab3;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1rem;line-height:1;transition:background .12s,color .12s;display:flex;position:absolute;top:8px;right:8px}.gc-fs-btn:hover{color:#fff;background:#1e2840e6}.gc-canvas-wrap:fullscreen{aspect-ratio:auto;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;max-height:none;display:flex}.gc-canvas-wrap:fullscreen canvas{width:auto;height:auto}.gc-sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:180px;display:flex}.gc-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:6px;font-size:.75rem}.gc-mode-row{flex-wrap:wrap;gap:5px;display:flex}.gc-mode-btn{background:var(--bg-surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;padding:4px 9px!important;font-size:.78rem!important}.gc-mode-btn:hover{background:var(--bg-hover)!important;border-color:var(--accent)!important}.gc-mode-btn.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.gc-hint{color:var(--text-dim);min-height:2.4em;margin-top:6px;font-size:.78rem;line-height:1.4}.gc-palette-row{flex-wrap:wrap;gap:6px;display:flex}.gc-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .12s,border-color .12s;box-shadow:0 1px 4px #0000004d}.gc-swatch:hover{transform:scale(1.18)}.gc-swatch.active{border-color:#fff;transform:scale(1.15)}.gc-actions{flex-direction:column;gap:6px;display:flex}.gc-actions .btn{text-align:center;width:100%;padding:5px 10px!important;font-size:.82rem!important}.gc-stats{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:4px;display:flex}.gc-stat-row{justify-content:space-between;align-items:baseline;font-size:.82rem;display:flex}.gc-stat-label{color:var(--text-dim)}.gc-stat-val{font-variant-numeric:tabular-nums;font-weight:600}@media (width<=580px){.gc-layout{flex-direction:column}.gc-canvas-wrap{width:100%;max-height:320px}.gc-sidebar{flex-flow:wrap;gap:12px;width:100%}.gc-section{min-width:140px}}