.clip-path-generator-module__dzLA2a__tool{}.clip-path-generator-module__dzLA2a__workspace{gap:var(--space-4);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"controls preview output""presets presets presets""import import import";display:grid}@media (max-width:1099px){.clip-path-generator-module__dzLA2a__workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"controls controls""preview output""presets presets""import import"}}@media (max-width:719px){.clip-path-generator-module__dzLA2a__workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"controls""preview""output""presets""import"}}.clip-path-generator-module__dzLA2a__controlsPane{grid-area:controls;}.clip-path-generator-module__dzLA2a__previewPane{grid-area:preview;}.clip-path-generator-module__dzLA2a__outputPane{grid-area:output;}.clip-path-generator-module__dzLA2a__presetsPane{grid-area:presets;}.clip-path-generator-module__dzLA2a__importPane{grid-area:import;}.clip-path-generator-module__dzLA2a__paneHeader{}.clip-path-generator-module__dzLA2a__paneLabel{}.clip-path-generator-module__dzLA2a__liveBadge{margin-inline-start:auto}.clip-path-generator-module__dzLA2a__legend{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);padding:0}.clip-path-generator-module__dzLA2a__fieldLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.clip-path-generator-module__dzLA2a__numberInput{font-variant-numeric:tabular-nums;inline-size:100%;min-inline-size:0;}.clip-path-generator-module__dzLA2a__select{inline-size:100%;min-inline-size:0;}.clip-path-generator-module__dzLA2a__checkbox{}.clip-path-generator-module__dzLA2a__segmentRow{gap:var(--space-1);display:flex}.clip-path-generator-module__dzLA2a__segment{min-block-size:var(--control-height);padding-inline:var(--space-2);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);cursor:pointer;flex:1;justify-content:center;align-items:center;display:inline-flex}.clip-path-generator-module__dzLA2a__segmentOn{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-color:var(--color-border-control);color:var(--color-text-primary);font-weight:var(--weight-medium)}.clip-path-generator-module__dzLA2a__segmentInput{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.clip-path-generator-module__dzLA2a__segment:focus-within{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.clip-path-generator-module__dzLA2a__controlsBody{flex-direction:column;min-inline-size:0;display:flex}.clip-path-generator-module__dzLA2a__tabsRow{gap:var(--space-1);padding:var(--space-2) var(--space-3) 0;flex-wrap:wrap;display:flex}.clip-path-generator-module__dzLA2a__tab{}.clip-path-generator-module__dzLA2a__optionsRow{align-items:end;gap:var(--space-4);padding:var(--space-3);border-block-end:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.clip-path-generator-module__dzLA2a__optionField{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.clip-path-generator-module__dzLA2a__fillField{gap:var(--space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}.clip-path-generator-module__dzLA2a__groupStack{block-size:320px;padding:var(--space-3);overflow-y:auto}.clip-path-generator-module__dzLA2a__shapeGroup{gap:var(--space-3);flex-direction:column;display:flex}.clip-path-generator-module__dzLA2a__shapeGroupHidden{display:none}.clip-path-generator-module__dzLA2a__fieldGrid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:479px){.clip-path-generator-module__dzLA2a__fieldGrid{grid-template-columns:minmax(0,1fr)}}.clip-path-generator-module__dzLA2a__field,.clip-path-generator-module__dzLA2a__radiusField{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.clip-path-generator-module__dzLA2a__radiusControls{gap:var(--space-2);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;display:grid}.clip-path-generator-module__dzLA2a__pointsHead{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.clip-path-generator-module__dzLA2a__pointsList{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.clip-path-generator-module__dzLA2a__pointRow{gap:var(--space-2);grid-template-columns:4rem auto minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;display:grid}.clip-path-generator-module__dzLA2a__axisLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.clip-path-generator-module__dzLA2a__pointName{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.clip-path-generator-module__dzLA2a__addPoint{}.clip-path-generator-module__dzLA2a__removePoint{}.clip-path-generator-module__dzLA2a__previewControls{padding:var(--space-3) var(--space-3) 0;gap:var(--space-2);border:none;flex-direction:column;margin:0;display:flex}.clip-path-generator-module__dzLA2a__previewStage{block-size:320px;margin:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-bg-surface);flex:none;justify-content:center;align-items:center;display:flex}.clip-path-generator-module__dzLA2a__previewFrame{aspect-ratio:1;flex:none;inline-size:min(260px,100%);position:relative}.clip-path-generator-module__dzLA2a__previewSubject{position:absolute;inset:0}.clip-path-generator-module__dzLA2a__backdropSoft{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-fg) 34%, var(--color-bg-raised)), color-mix(in srgb, var(--color-text-primary) 40%, var(--color-bg-pane)))}.clip-path-generator-module__dzLA2a__backdropGrid{--checker:color-mix(in srgb, var(--color-text-primary) 20%, transparent);background-color:var(--color-bg-raised);background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%, transparent 75%, var(--checker) 75%), linear-gradient(45deg, var(--checker) 25%, transparent 25%, transparent 75%, var(--checker) 75%);background-position:0 0,12px 12px;background-size:24px 24px}.clip-path-generator-module__dzLA2a__backdropPhoto{background-color:var(--color-bg-raised);background-image:linear-gradient(0deg, color-mix(in srgb, var(--color-accent-fg) 55%, transparent), transparent 60%), linear-gradient(115deg, color-mix(in srgb, var(--color-info-fg) 60%, transparent), transparent 55%), linear-gradient(245deg, color-mix(in srgb, var(--color-danger-fg) 50%, transparent), transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--color-warning-fg) 45%, transparent), transparent 45%)}.clip-path-generator-module__dzLA2a__handle{inline-size:var(--target-min);block-size:var(--target-min);touch-action:none;cursor:grab;background:0 0;border:none;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.clip-path-generator-module__dzLA2a__handle:before{content:"";border-radius:var(--radius-full);background:var(--color-bg-raised);border:2px solid var(--color-text-secondary);block-size:14px;inline-size:14px;position:absolute;inset:calc(50% - 7px)}.clip-path-generator-module__dzLA2a__handle:hover:before,.clip-path-generator-module__dzLA2a__handle:active:before{border-color:var(--color-accent-fg)}.clip-path-generator-module__dzLA2a__handle:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.clip-path-generator-module__dzLA2a__previewHint{padding:0 var(--space-3) var(--space-3);min-block-size:var(--text-ui-xs-line);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin:0}.clip-path-generator-module__dzLA2a__outputBox{margin:var(--space-3) var(--space-3) var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);block-size:96px;font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.clip-path-generator-module__dzLA2a__statusLine{padding-inline:var(--space-3);}.clip-path-generator-module__dzLA2a__outputActions{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3);flex-wrap:wrap;display:flex}.clip-path-generator-module__dzLA2a__actionButton{}.clip-path-generator-module__dzLA2a__echoSlot{inline-size:1ch;display:inline-block}.clip-path-generator-module__dzLA2a__webkitField{align-items:center;gap:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);cursor:pointer;display:inline-flex}.clip-path-generator-module__dzLA2a__webkitNote{padding:0 var(--space-3) var(--space-3);min-block-size:calc(var(--text-ui-xs-line) * 2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin:0}.clip-path-generator-module__dzLA2a__presetRow{align-items:center;gap:var(--space-2);padding:var(--space-3);flex-wrap:wrap;display:flex}.clip-path-generator-module__dzLA2a__presetChip{}.clip-path-generator-module__dzLA2a__presetChipOn{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-color:var(--color-border-control);color:var(--color-text-primary)}.clip-path-generator-module__dzLA2a__importLabel{padding:var(--space-2) var(--space-3) 0;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);display:block}.clip-path-generator-module__dzLA2a__importArea{inline-size:calc(100% - 2 * var(--space-3));margin:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);resize:none;background:var(--color-bg-surface);block-size:64px;color:var(--color-text-primary);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--text-code-line);display:block}.clip-path-generator-module__dzLA2a__importArea::placeholder{color:var(--color-text-muted)}.clip-path-generator-module__dzLA2a__importStatus{block-size:96px;margin:0 var(--space-3) var(--space-3);overflow-y:auto}.clip-path-generator-module__dzLA2a__errorBox{}.clip-path-generator-module__dzLA2a__errorMessage{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);overflow-wrap:anywhere;margin:0}.clip-path-generator-module__dzLA2a__errorAction{align-self:flex-start;}.clip-path-generator-module__dzLA2a__noteList{gap:var(--space-1);margin:0 0 var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.clip-path-generator-module__dzLA2a__note{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0}.clip-path-generator-module__dzLA2a__importOkLine{padding:var(--space-2) 0;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);margin:0}.clip-path-generator-module__dzLA2a__headerAction{}.clip-path-generator-module__dzLA2a__accent{}.clip-path-generator-module__dzLA2a__swapWrap{}.clip-path-generator-module__dzLA2a__swapSizer{}.clip-path-generator-module__dzLA2a__banner{margin-block-start:var(--space-3);}.clip-path-generator-module__dzLA2a__bannerAction{font-size:inherit;line-height:inherit;color:var(--color-accent-fg);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.clip-path-generator-module__dzLA2a__actions{margin-block-start:var(--space-4);}.clip-path-generator-module__dzLA2a__fileInput{display:none}.clip-path-generator-module__dzLA2a__shareNote,.clip-path-generator-module__dzLA2a__storedLine,.clip-path-generator-module__dzLA2a__keyboardHint{margin:var(--space-2) 0 0;min-block-size:var(--text-ui-sm-line);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.clip-path-generator-module__dzLA2a__dialog{}.clip-path-generator-module__dzLA2a__dialogTitle{margin:0 0 var(--space-3);font-size:var(--text-ui-lg-size);line-height:var(--text-ui-lg-line);font-weight:var(--weight-medium)}.clip-path-generator-module__dzLA2a__dialogNote{margin:var(--space-3) 0;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.clip-path-generator-module__dzLA2a__shortcutList{margin:0 0 var(--space-3);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.clip-path-generator-module__dzLA2a__shortcutItem{align-items:center;gap:var(--space-3);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);display:flex}.clip-path-generator-module__dzLA2a__kbd{}.clip-path-generator-module__dzLA2a__optionCheck{align-items:center;gap:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);cursor:pointer;margin-block-end:var(--space-3);display:flex}@media (pointer:coarse){.clip-path-generator-module__dzLA2a__segment,.clip-path-generator-module__dzLA2a__webkitField{min-block-size:var(--target-touch)}.clip-path-generator-module__dzLA2a__bannerAction,.clip-path-generator-module__dzLA2a__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.clip-path-generator-module__dzLA2a__handle{inline-size:var(--control-height);block-size:var(--control-height)}}