.cpg-wrap[data-astro-cid-o7ujaou4]{display:flex;flex-direction:column;gap:1.25rem}.cpg-tabs[data-astro-cid-o7ujaou4]{display:flex;gap:.25rem;border-bottom:1px solid var(--color-border);padding-bottom:0}.cpg-tab[data-astro-cid-o7ujaou4]{padding:.45rem 1rem;font-size:.85rem;font-weight:500;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .1s,color .1s,border-color .1s;margin-bottom:-1px}.cpg-tab[data-astro-cid-o7ujaou4]:hover{color:var(--color-text);background:var(--color-bg-secondary)}.cpg-tab--active[data-astro-cid-o7ujaou4]{background:var(--color-bg);border-color:var(--color-border);color:var(--color-primary);font-weight:600}.cpg-layout[data-astro-cid-o7ujaou4]{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.cpg-preview-col[data-astro-cid-o7ujaou4]{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.cpg-controls-col[data-astro-cid-o7ujaou4]{flex:1;min-width:220px}.cpg-preview-wrap[data-astro-cid-o7ujaou4]{display:flex;flex-direction:column;gap:.25rem}.cpg-preview-bg[data-astro-cid-o7ujaou4]{width:300px;height:300px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-primary);position:relative;overflow:hidden;flex-shrink:0}.cpg-preview-el[data-astro-cid-o7ujaou4]{position:absolute;inset:0;background:linear-gradient(135deg,#6366f1,#ec4899,#f59e0b)}.cpg-svg[data-astro-cid-o7ujaou4]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cpg-svg--hidden[data-astro-cid-o7ujaou4]{display:none}.cpg-poly-shape[data-astro-cid-o7ujaou4]{fill:none;stroke:#fff;stroke-width:1.5;stroke-dasharray:4 3;opacity:.7}.cpg-handles[data-astro-cid-o7ujaou4]{position:absolute;inset:0}.cpg-handles--hidden[data-astro-cid-o7ujaou4]{display:none}.cpg-handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);transform:translate(-50%,-50%);cursor:grab;touch-action:none;z-index:2;transition:transform .05s;box-shadow:0 0 0 1px #0003}.cpg-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.cpg-drag-hint[data-astro-cid-o7ujaou4]{font-size:.72rem;color:var(--color-text-secondary);text-align:center}.cpg-bg-toggle[data-astro-cid-o7ujaou4]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cpg-bg-btn[data-astro-cid-o7ujaou4]{font-size:.78rem;padding:.25rem .7rem;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,color .1s,border-color .1s}.cpg-bg-btn[data-astro-cid-o7ujaou4]:hover{border-color:var(--color-primary);color:var(--color-primary)}.cpg-bg-btn--active[data-astro-cid-o7ujaou4]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cpg-panel[data-astro-cid-o7ujaou4]{display:flex;flex-direction:column;gap:.9rem}.cpg-panel--hidden[data-astro-cid-o7ujaou4]{display:none}.cpg-field[data-astro-cid-o7ujaou4]{display:flex;flex-direction:column;gap:.3rem}.cpg-label[data-astro-cid-o7ujaou4]{font-size:.78rem;font-weight:600;color:var(--color-text-secondary)}.cpg-label{line-height:1.2;text-transform:uppercase;letter-spacing:0}.cpg-slider-row[data-astro-cid-o7ujaou4]{display:flex;align-items:center;gap:.5rem}.cpg-range[data-astro-cid-o7ujaou4]{flex:1;min-width:80px;max-width:180px;accent-color:var(--color-primary);cursor:pointer}.cpg-num-input[data-astro-cid-o7ujaou4]{font-family:var(--font-mono);font-size:.82rem;padding:.3rem .45rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text);width:60px;box-sizing:border-box;text-align:right}.cpg-num-input[data-astro-cid-o7ujaou4]:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg)}.cpg-unit[data-astro-cid-o7ujaou4]{font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.cpg-preset-btns[data-astro-cid-o7ujaou4]{display:flex;flex-wrap:wrap;gap:.3rem}.cpg-preset-btn[data-astro-cid-o7ujaou4]{font-size:.76rem;padding:.25rem .6rem;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,color .1s,border-color .1s}.cpg-preset-btn[data-astro-cid-o7ujaou4]:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg)}.cpg-vertices-header[data-astro-cid-o7ujaou4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.cpg-add-btn[data-astro-cid-o7ujaou4]{font-size:.76rem;padding:.22rem .6rem;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);cursor:pointer;transition:background .1s,color .1s}.cpg-add-btn[data-astro-cid-o7ujaou4]:hover{background:var(--color-primary);color:#fff}.cpg-add-btn[data-astro-cid-o7ujaou4]:disabled{opacity:.4;cursor:not-allowed}.cpg-vertex-list[data-astro-cid-o7ujaou4]{display:flex;flex-direction:column;gap:.25rem;max-height:300px;overflow-y:auto}.cpg-vertex-row{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap}.cpg-vertex-idx{font-size:.72rem;color:var(--color-text-secondary);width:1.2rem;text-align:right;flex-shrink:0}.cpg-vertex-label{font-size:.72rem;color:var(--color-text-secondary);flex-shrink:0}.cpg-vertex-num{font-family:var(--font-mono);font-size:.78rem;padding:.22rem .35rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text);width:54px;box-sizing:border-box;text-align:right}.cpg-vertex-num:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg)}.cpg-vertex-del{font-size:.82rem;width:24px;height:24px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s,border-color .1s;flex-shrink:0;margin-left:auto}.cpg-vertex-del:hover{background:#ef4444;border-color:#ef4444;color:#fff}.cpg-vertex-del:disabled{opacity:.3;cursor:not-allowed}.cpg-output-section[data-astro-cid-o7ujaou4]{display:flex;flex-direction:column;gap:.5rem}.cpg-output-header[data-astro-cid-o7ujaou4]{display:flex;justify-content:space-between;align-items:center}.cpg-pre[data-astro-cid-o7ujaou4]{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}.cpg-code[data-astro-cid-o7ujaou4]{font-family:inherit}.cpg-hl-sel{color:#7c3aed;font-weight:600}.cpg-hl-brace{color:var(--color-text-secondary)}.cpg-hl-prop{color:#0369a1}.cpg-hl-val{color:#057a55}.cpg-hl-semi{color:var(--color-text-secondary)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cpg-hl-sel{color:#a78bfa}:root:not([data-theme=light]) .cpg-hl-prop{color:#38bdf8}:root:not([data-theme=light]) .cpg-hl-val{color:#34d399}}[data-astro-cid-o7ujaou4][data-theme=dark] .cpg-hl-sel{color:#a78bfa}[data-astro-cid-o7ujaou4][data-theme=dark] .cpg-hl-prop{color:#38bdf8}[data-astro-cid-o7ujaou4][data-theme=dark] .cpg-hl-val{color:#34d399}@media(max-width:640px){.cpg-preview-bg[data-astro-cid-o7ujaou4]{width:260px;height:260px}.cpg-layout[data-astro-cid-o7ujaou4]{flex-direction:column}.cpg-preview-col[data-astro-cid-o7ujaou4]{width:100%}.cpg-preview-bg[data-astro-cid-o7ujaou4]{width:100%;height:260px}}