.CssClipPathGeneratorClient-module__VVID5W__wrap{gap:2rem;max-width:980px;margin:0 auto}.CssClipPathGeneratorClient-module__VVID5W__header{text-align:center;gap:.4rem}.CssClipPathGeneratorClient-module__VVID5W__controls{gap:1rem;display:grid}.CssClipPathGeneratorClient-module__VVID5W__row{gap:.5rem;display:grid}.CssClipPathGeneratorClient-module__VVID5W__presetBar{flex-wrap:wrap;gap:.5rem;display:flex}.CssClipPathGeneratorClient-module__VVID5W__presetBtn{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:999px;padding:.4rem .75rem;font-size:.9rem;transition:transform 80ms,background .2s,border-color .2s}.CssClipPathGeneratorClient-module__VVID5W__presetBtn:hover{background:var(--panel-2)}.CssClipPathGeneratorClient-module__VVID5W__active{border-color:var(--brand);background:color-mix(in srgb,var(--brand)18%,transparent);color:var(--fg)}.CssClipPathGeneratorClient-module__VVID5W__field{gap:.35rem;display:grid}.CssClipPathGeneratorClient-module__VVID5W__inline{align-items:center;gap:.5rem;display:flex}.CssClipPathGeneratorClient-module__VVID5W__toggles{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.CssClipPathGeneratorClient-module__VVID5W__toggle{align-items:center;gap:.5rem;display:inline-flex}.CssClipPathGeneratorClient-module__VVID5W__canvasWrap{background:var(--panel);border:1px solid var(--border);width:-moz-fit-content;width:fit-content;box-shadow:var(--shadow-1);border-radius:16px;margin:0 auto;padding:12px;position:relative}.CssClipPathGeneratorClient-module__VVID5W__canvasBg{background-position:50%;background-size:cover;border-radius:12px;width:320px;height:320px}.CssClipPathGeneratorClient-module__VVID5W__overlay{width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;top:12px;bottom:12px;left:12px;right:12px;overflow:visible}.CssClipPathGeneratorClient-module__VVID5W__poly{fill:color-mix(in srgb,var(--brand)28%,transparent);stroke:var(--brand);stroke-width:.8px;vector-effect:non-scaling-stroke}.CssClipPathGeneratorClient-module__VVID5W__handleHalo{fill:#fff;opacity:.65;stroke:var(--border);stroke-width:.4px;vector-effect:non-scaling-stroke;cursor:grab}.CssClipPathGeneratorClient-module__VVID5W__handle{fill:var(--brand);stroke:#fff;stroke-width:.3px;vector-effect:non-scaling-stroke;cursor:grab}.CssClipPathGeneratorClient-module__VVID5W__handle:active,.CssClipPathGeneratorClient-module__VVID5W__handleHalo:active{cursor:grabbing}.CssClipPathGeneratorClient-module__VVID5W__coord{fill:var(--fg);opacity:.9;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;font:2px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.CssClipPathGeneratorClient-module__VVID5W__output{gap:.5rem;display:grid}.CssClipPathGeneratorClient-module__VVID5W__outputActions{justify-content:flex-end;display:flex}