.ctg-wrap[data-astro-cid-ajijry3j]{display:flex;flex-direction:column;gap:1.25rem}.ctg-controls[data-astro-cid-ajijry3j]{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.ctg-field[data-astro-cid-ajijry3j]{display:flex;flex-direction:column;gap:.3rem}.ctg-field--dir[data-astro-cid-ajijry3j]{flex-shrink:0}.ctg-fields-right[data-astro-cid-ajijry3j]{display:flex;flex-wrap:wrap;gap:.75rem;flex:1;align-items:flex-start}.ctg-label[data-astro-cid-ajijry3j]{font-size:.78rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.ctg-num-input[data-astro-cid-ajijry3j],.ctg-hex-input[data-astro-cid-ajijry3j]{font-family:var(--font-mono);font-size:.82rem;padding:.3rem .55rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text);width:100px;box-sizing:border-box}.ctg-num-input[data-astro-cid-ajijry3j]:focus,.ctg-hex-input[data-astro-cid-ajijry3j]:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg)}.ctg-dir-grid[data-astro-cid-ajijry3j]{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);gap:3px}.ctg-dir-btn[data-astro-cid-ajijry3j]{display:flex;align-items:center;justify-content:center;font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:background .1s,border-color .1s,color .1s;width:36px;height:36px;padding:0}.ctg-dir-btn[data-astro-cid-ajijry3j]:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.ctg-dir-btn--active[data-astro-cid-ajijry3j]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ctg-dir-center[data-astro-cid-ajijry3j]{width:36px;height:36px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.ctg-color-row[data-astro-cid-ajijry3j]{display:flex;align-items:center;gap:.4rem}.ctg-color-picker[data-astro-cid-ajijry3j]{width:36px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px;background:var(--color-bg-secondary);cursor:pointer;flex-shrink:0}.ctg-section[data-astro-cid-ajijry3j]{display:flex;flex-direction:column;gap:.4rem}.ctg-section-label[data-astro-cid-ajijry3j]{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.ctg-output-header[data-astro-cid-ajijry3j]{display:flex;justify-content:space-between;align-items:center}.ctg-preview-wrap[data-astro-cid-ajijry3j]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);min-height:160px;display:flex;align-items:center;justify-content:center;padding:2rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ctg-preview-wrap[data-astro-cid-ajijry3j]{background:#1e2128}}[data-astro-cid-ajijry3j][data-theme=dark] .ctg-preview-wrap[data-astro-cid-ajijry3j]{background:#1e2128}.ctg-preview-el[data-astro-cid-ajijry3j]{width:0;height:0}.ctg-pre[data-astro-cid-ajijry3j]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.85rem 1rem;overflow-x:auto;margin:0;font-family:var(--font-mono);font-size:.82rem;line-height:1.6}.ctg-code[data-astro-cid-ajijry3j]{font-family:inherit}.ctg-hl-sel[data-astro-cid-ajijry3j]{color:#7c3aed;font-weight:600}.ctg-hl-brace[data-astro-cid-ajijry3j]{color:var(--color-text-secondary)}.ctg-hl-prop[data-astro-cid-ajijry3j]{color:#0369a1}.ctg-hl-val[data-astro-cid-ajijry3j]{color:#057a55}.ctg-hl-semi[data-astro-cid-ajijry3j]{color:var(--color-text-secondary)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ctg-hl-sel[data-astro-cid-ajijry3j]{color:#a78bfa}:root:not([data-theme=light]) .ctg-hl-prop[data-astro-cid-ajijry3j]{color:#38bdf8}:root:not([data-theme=light]) .ctg-hl-val[data-astro-cid-ajijry3j]{color:#34d399}}[data-astro-cid-ajijry3j][data-theme=dark] .ctg-hl-sel[data-astro-cid-ajijry3j]{color:#a78bfa}[data-astro-cid-ajijry3j][data-theme=dark] .ctg-hl-prop[data-astro-cid-ajijry3j]{color:#38bdf8}[data-astro-cid-ajijry3j][data-theme=dark] .ctg-hl-val[data-astro-cid-ajijry3j]{color:#34d399}@media(max-width:480px){.ctg-controls[data-astro-cid-ajijry3j]{flex-direction:column}.ctg-preview-wrap[data-astro-cid-ajijry3j]{min-height:120px}}