.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:safe center;justify-content:safe center;padding:2rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ctg-preview-wrap[data-astro-cid-ajijry3j]{background:#1e2128}}[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-wrap[data-astro-cid-ajijry3j] .ctg-hl-sel{color:#7c3aed;font-weight:600}.ctg-wrap[data-astro-cid-ajijry3j] .ctg-hl-brace{color:var(--color-text-secondary)}.ctg-wrap[data-astro-cid-ajijry3j] .ctg-hl-prop{color:#0369a1}.ctg-wrap[data-astro-cid-ajijry3j] .ctg-hl-val{color:#057a55}.ctg-wrap[data-astro-cid-ajijry3j] .ctg-hl-semi{color:var(--color-text-secondary)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ctg-wrap[data-astro-cid-ajijry3j] .ctg-hl-sel{color:#a78bfa}:root:not([data-theme=light]) .ctg-wrap[data-astro-cid-ajijry3j] .ctg-hl-prop{color:#38bdf8}:root:not([data-theme=light]) .ctg-wrap[data-astro-cid-ajijry3j] .ctg-hl-val{color:#34d399}}[data-theme=dark] .ctg-wrap[data-astro-cid-ajijry3j] .ctg-hl-sel{color:#a78bfa}[data-theme=dark] .ctg-wrap[data-astro-cid-ajijry3j] .ctg-hl-prop{color:#38bdf8}[data-theme=dark] .ctg-wrap[data-astro-cid-ajijry3j] .ctg-hl-val{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}}.ctg-wrap[data-astro-cid-ajijry3j]{min-height:0;min-width:0;flex:1}.ctg-body[data-astro-cid-ajijry3j]{display:flex;gap:1rem;flex:1;min-height:0;min-width:0}.ctg-rail[data-astro-cid-ajijry3j]{flex:0 0 300px;width:300px;overflow:auto;padding:.2rem}.ctg-field-header[data-astro-cid-ajijry3j]{display:flex;align-items:center;gap:.35rem;min-width:0}.ctg-wrap[data-astro-cid-ajijry3j] .tool-status[data-astro-cid-ajijry3j]{min-height:1.4rem;margin:0;flex:none}.ctg-pre[data-astro-cid-ajijry3j]{overflow:auto;min-width:0;max-height:10rem;flex:none}.ctg-preview-section[data-astro-cid-ajijry3j]{flex:1;min-width:0;min-height:0;overflow:auto}.ctg-empty[data-astro-cid-ajijry3j]{display:none;margin:auto;padding:1rem;text-align:center;color:var(--color-text-secondary)}.ctg-wrap[data-astro-cid-ajijry3j][data-empty=true] .ctg-empty[data-astro-cid-ajijry3j]{display:block}@media(max-width:860px){.ctg-body[data-astro-cid-ajijry3j]{flex-direction:column;flex:none}.ctg-rail[data-astro-cid-ajijry3j]{width:100%;flex:none;overflow:visible;padding:0}.ctg-preview-section[data-astro-cid-ajijry3j]{flex:none}.ctg-wrap[data-astro-cid-ajijry3j][data-empty=true] .ctg-preview-section[data-astro-cid-ajijry3j]{display:none}}@media(max-width:640px){.ctg-body[data-astro-cid-ajijry3j]{gap:.75rem}.ctg-rail[data-astro-cid-ajijry3j]{gap:.55rem}.ctg-pre[data-astro-cid-ajijry3j]{max-height:8rem;padding:.55rem .7rem;font-size:.75rem}.ctg-wrap[data-astro-cid-ajijry3j] .btn-copy[data-astro-cid-ajijry3j]{min-height:44px}}.ctg-controls[data-astro-cid-ajijry3j]{gap:.6rem;flex-wrap:nowrap}.ctg-fields-right[data-astro-cid-ajijry3j]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;min-width:0}.ctg-fields-right[data-astro-cid-ajijry3j] .ctg-field[data-astro-cid-ajijry3j]:last-child{grid-column:1 / -1}.ctg-num-input[data-astro-cid-ajijry3j],.ctg-hex-input[data-astro-cid-ajijry3j]{width:100%;min-width:0;height:40px}.ctg-preview-wrap[data-astro-cid-ajijry3j]{flex:1 1 0;min-height:180px;overflow:auto}.ctg-html-details[data-astro-cid-ajijry3j] summary[data-astro-cid-ajijry3j]{cursor:pointer;min-height:24px;font-size:.8rem;color:var(--color-text-secondary)}@media(max-width:860px){.ctg-preview-wrap[data-astro-cid-ajijry3j]{flex:none;height:180px}}@media(max-width:640px){.ctg-controls[data-astro-cid-ajijry3j]{flex-direction:row}.ctg-num-input[data-astro-cid-ajijry3j],.ctg-hex-input[data-astro-cid-ajijry3j],.ctg-color-picker[data-astro-cid-ajijry3j]{min-height:44px}.ctg-dir-btn[data-astro-cid-ajijry3j]{min-width:24px;min-height:24px}.ctg-field-header[data-astro-cid-ajijry3j]{gap:.2rem}.ctg-label[data-astro-cid-ajijry3j]{font-size:.7rem;white-space:normal}.ctg-preview-wrap[data-astro-cid-ajijry3j]{height:150px;min-height:150px;padding:.75rem}}