.cg-section[data-v-a8a83bf2]{border-bottom:1px solid var(--border);padding:16px 0}.cg-section[data-v-a8a83bf2]:last-child{border-bottom:none}.cg-label[data-v-a8a83bf2]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:10px;font-weight:700;display:flex}.cg-label-aside[data-v-a8a83bf2]{text-transform:none;letter-spacing:0;font-weight:400}.cg-type-btns[data-v-a8a83bf2]{border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.cg-type-btn[data-v-a8a83bf2]{border:none;border-right:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;flex:1;padding:8px 0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px;font-weight:700;transition:all .15s}.cg-type-btn[data-v-a8a83bf2]:last-child{border-right:none}.cg-type-btn--on[data-v-a8a83bf2]{background:var(--ai-purple);color:#fff;border-color:var(--ai-purple)}.cg-type-btn[data-v-a8a83bf2]:hover:not(.cg-type-btn--on){background:var(--bg-elevated);color:var(--text-primary)}.cg-angle-row[data-v-a8a83bf2]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cg-dial[data-v-a8a83bf2]{border:2px solid var(--border);background:var(--bg-elevated);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;width:44px;height:44px;transition:border-color .15s;position:relative}.cg-dial[data-v-a8a83bf2]:hover{border-color:var(--ai-purple)}.cg-dial[data-v-a8a83bf2]:active{cursor:grabbing}.cg-needle[data-v-a8a83bf2]{background:var(--ai-purple);transform-origin:bottom;border-radius:2px 2px 0 0;width:2px;height:14px;margin-bottom:-2px;position:absolute;bottom:50%;left:50%}.cg-angle-input[data-v-a8a83bf2]{background:var(--bg-elevated);border:1px solid var(--border);width:76px;color:var(--text-primary);text-align:center;border-radius:6px;outline:none;padding:8px 12px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:14px;transition:border-color .15s}.cg-angle-input[data-v-a8a83bf2]:focus{border-color:var(--ai-purple)}.cg-angle-input[data-v-a8a83bf2]::-webkit-outer-spin-button{-webkit-appearance:none}.cg-angle-input[data-v-a8a83bf2]::-webkit-inner-spin-button{-webkit-appearance:none}.cg-angle-input[data-v-a8a83bf2]{-moz-appearance:textfield}.cg-angle-unit[data-v-a8a83bf2]{color:var(--text-muted);font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px}.cg-dir-row[data-v-a8a83bf2]{flex-wrap:wrap;gap:8px;display:flex}.cg-dir-btn[data-v-a8a83bf2]{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:11px;transition:all .15s}.cg-dir-btn--on[data-v-a8a83bf2]{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--ai-purple-glow)}.cg-dir-btn[data-v-a8a83bf2]:hover:not(.cg-dir-btn--on){background:var(--bg-elevated);color:var(--text-primary)}.cg-pos-grid[data-v-a8a83bf2]{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.cg-pos-btn[data-v-a8a83bf2]{aspect-ratio:1;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.cg-pos-btn--on[data-v-a8a83bf2]{background:var(--ai-purple-dim);color:var(--ai-purple);border-color:var(--ai-purple-glow)}.cg-pos-btn[data-v-a8a83bf2]:hover:not(.cg-pos-btn--on){background:var(--bg-elevated);color:var(--text-primary)}.cg-stops[data-v-a8a83bf2]{flex-direction:column;gap:8px;display:flex}.cg-stop[data-v-a8a83bf2]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:12px;transition:border-color .15s;display:flex}.cg-stop[data-v-a8a83bf2]:hover{border-color:var(--ai-purple-glow)}.cg-swatch[data-v-a8a83bf2]{border:2px solid var(--border);cursor:pointer;width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:6px;flex-shrink:0;position:relative;overflow:hidden}.cg-swatch input[type=color][data-v-a8a83bf2]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.cg-stop-info[data-v-a8a83bf2]{flex:1;min-width:0}.cg-stop-hex[data-v-a8a83bf2]{color:var(--text-primary);letter-spacing:.04em;background:0 0;border:none;outline:none;width:76px;padding:0 0 4px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px}.cg-stop-pos-row[data-v-a8a83bf2]{align-items:center;gap:8px;display:flex}.cg-stop-slider[data-v-a8a83bf2]{accent-color:var(--ai-purple);cursor:pointer;flex:1;height:4px}.cg-stop-pct[data-v-a8a83bf2]{color:var(--text-muted);text-align:right;min-width:28px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:11px}.cg-stop-rm[data-v-a8a83bf2]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;font-size:14px;line-height:1;transition:all .15s}.cg-stop-rm[data-v-a8a83bf2]:hover:not(:disabled){color:var(--danger-500);background:var(--danger-100)}.cg-stop-rm[data-v-a8a83bf2]:disabled{opacity:.25;cursor:not-allowed}.cg-add-stop[data-v-a8a83bf2]{border:1px dashed var(--ai-purple-glow);background:var(--ai-purple-dim);width:100%;color:var(--ai-purple);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px;font-weight:700;transition:all .15s;display:flex}.cg-add-stop[data-v-a8a83bf2]:hover{background:var(--ai-purple-glow)}.cg-presets-grid[data-v-a8a83bf2]{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.cg-preset-swatch[data-v-a8a83bf2]{cursor:pointer;border:2px solid #0000;border-radius:6px;height:34px;transition:border-color .15s,transform .15s}.cg-preset-swatch[data-v-a8a83bf2]:hover{border-color:var(--border);transform:scale(1.07)}.cg-preset-swatch--on[data-v-a8a83bf2]{border-color:var(--ai-purple)}.cg-preview[data-v-a8a83bf2]{flex:1;justify-content:flex-end;align-items:flex-start;min-height:280px;padding:12px;transition:background .15s;display:flex;position:relative}.cg-preview-badge[data-v-a8a83bf2]{color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-radius:6px;padding:3px 12px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:11px}.cg-output[data-v-a8a83bf2]{background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0;padding:16px 20px}.cg-output-hd[data-v-a8a83bf2]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cg-output-title[data-v-a8a83bf2]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:11px}.cg-copy-btn[data-v-a8a83bf2]{cursor:pointer;background:var(--success-500);color:#fff;border:1px solid #0000;border-radius:6px;padding:4px 16px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px;font-weight:700;transition:all .15s}.cg-copy-btn[data-v-a8a83bf2]:hover{opacity:.85}.cg-copy-btn--ok[data-v-a8a83bf2]{background:var(--brand-500)}.cg-code[data-v-a8a83bf2]{background:var(--bg-base);border:1px solid var(--border);white-space:pre;border-radius:10px;margin:0;padding:16px 20px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px;line-height:1.9;overflow-x:auto}[data-v-a8a83bf2] .cg-hl-prop{color:var(--ai-purple)}[data-v-a8a83bf2] .cg-hl-fn{color:var(--success-500)}[data-v-a8a83bf2] .cg-hl-color{color:var(--op-generate)}[data-v-a8a83bf2] .cg-hl-num{color:var(--warning-500)}[data-v-a8a83bf2] .cg-hl-pct{color:var(--text-muted)}[data-v-a8a83bf2] .cg-hl-comment{color:var(--text-muted);font-style:italic}.cg-tip[data-v-a8a83bf2]{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.cg-tip strong[data-v-a8a83bf2]{color:var(--text-primary)}@media (width<=640px){.cg-preview[data-v-a8a83bf2]{min-height:180px}.cg-output[data-v-a8a83bf2]{padding:12px}}