.cpg-wrap[data-astro-cid-o7ujaou4]{display:flex;flex-direction:column;min-width:0;min-height:0;--cpg-preview-ratio: 1}.cpg-wrap[data-astro-cid-o7ujaou4]:has(#cpg-ratio option[value="2"]:checked){--cpg-preview-ratio: 2}.cpg-wrap[data-astro-cid-o7ujaou4]:has(#cpg-ratio option[value="0.5"]:checked){--cpg-preview-ratio: .5}.cpg-rail[data-astro-cid-o7ujaou4]{overflow:auto;padding:2px;scrollbar-width:thin}.cpg-top[data-astro-cid-o7ujaou4]{display:flex;flex-direction:column;gap:.5rem;min-width:0;flex:none}.cpg-label-row[data-astro-cid-o7ujaou4]{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.cpg-primary-row[data-astro-cid-o7ujaou4]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cpg-primary-row[data-astro-cid-o7ujaou4] button[data-astro-cid-o7ujaou4]{flex:1 1 auto}.cpg-status[data-astro-cid-o7ujaou4]{margin:0;height:3.8em;flex:none;overflow:auto;font-size:.8rem;line-height:1.25;color:var(--color-text-secondary)}#cpg-raw[data-astro-cid-o7ujaou4]{height:7.5rem;min-height:7.5rem;resize:vertical}.cpg-tabs[data-astro-cid-o7ujaou4]{display:flex;flex-wrap:wrap;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:grid;grid-template-columns:clamp(270px,26vw,320px) minmax(0,1fr);gap:1.5rem;flex:1 1 0;min-width:0;min-height:0}.cpg-preview-col[data-astro-cid-o7ujaou4]{display:flex;flex-direction:column;gap:.5rem;min-width:0;min-height:0}.cpg-controls-col[data-astro-cid-o7ujaou4]{flex:1 1 0;min-width:0;min-height:180px;overflow:auto;padding:2px;scrollbar-width:thin}.cpg-preview-wrap[data-astro-cid-o7ujaou4]{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-height:240px;min-width:0;container-type:size}.cpg-preview-bg[data-astro-cid-o7ujaou4]{width:min(calc(100cqw - 2rem),calc((100cqh - 2rem) * var(--cpg-preview-ratio)));height:auto;aspect-ratio:1;border-radius:var(--radius-sm);outline:1px solid var(--color-border);background:repeating-conic-gradient(var(--color-bg-secondary) 0% 25%,var(--color-bg) 0% 50%) 0 / 20px 20px;position:relative;overflow:visible;flex-shrink:0}.cpg-preview-el[data-astro-cid-o7ujaou4]{position:absolute;inset:0;background:linear-gradient(135deg,#6366f1,#ec4899,#f59e0b);background-size:cover;background-position:center;box-sizing:border-box}.cpg-framed[data-astro-cid-o7ujaou4]{border:12px solid #fbbf24;padding:16px;background-origin:content-box;background-clip:content-box}.cpg-box-guides[data-astro-cid-o7ujaou4],.cpg-box-guides[data-astro-cid-o7ujaou4] div[data-astro-cid-o7ujaou4]{position:absolute;inset:0;border:1px dashed #b45309;pointer-events:none;z-index:1}.cpg-box-guides[data-astro-cid-o7ujaou4] div[data-astro-cid-o7ujaou4]{inset:11px}.cpg-box-guides[data-astro-cid-o7ujaou4] div[data-astro-cid-o7ujaou4] div[data-astro-cid-o7ujaou4]{inset:15px}.cpg-box-guides[data-astro-cid-o7ujaou4][hidden]{display:none}.cpg-preview-options[data-astro-cid-o7ujaou4]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cpg-preview-options[data-astro-cid-o7ujaou4] select[data-astro-cid-o7ujaou4]{width:auto}.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:24px;height:24px;padding:0;color:#111827;font-size:10px;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-handle:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.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;min-width:0;flex:none}.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;height:11rem;overflow: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:860px){.cpg-layout[data-astro-cid-o7ujaou4]{grid-template-columns:minmax(0,1fr);flex:none;gap:.7rem}.cpg-rail[data-astro-cid-o7ujaou4]{display:contents}.cpg-top[data-astro-cid-o7ujaou4]{order:1}.cpg-controls-col[data-astro-cid-o7ujaou4]{order:2;height:10.5rem;min-height:0;flex:none}.cpg-preview-col[data-astro-cid-o7ujaou4]{order:3}.cpg-output-section[data-astro-cid-o7ujaou4]{order:4}.cpg-preview-wrap[data-astro-cid-o7ujaou4]{height:clamp(240px,35svh,360px);min-height:0;flex:none}}@media(max-width:640px){.cpg-tabs[data-astro-cid-o7ujaou4]{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:.1rem}.cpg-tab[data-astro-cid-o7ujaou4]{flex-shrink:0;padding:.45rem .55rem;min-height:44px}.cpg-bg-btn[data-astro-cid-o7ujaou4],.cpg-preset-btn[data-astro-cid-o7ujaou4],.cpg-add-btn[data-astro-cid-o7ujaou4]{min-height:24px}.cpg-preview-options[data-astro-cid-o7ujaou4] select[data-astro-cid-o7ujaou4]{min-height:44px}.cpg-num-input[data-astro-cid-o7ujaou4],.cpg-vertex-num{min-height:44px;width:72px}.cpg-range[data-astro-cid-o7ujaou4]{min-height:24px}.cpg-pre[data-astro-cid-o7ujaou4]{height:11rem}}