.image-shape-module__2S4ZXa__tool{margin-bottom:var(--space-4xl);padding:var(--space-xl);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-surface-raised);box-shadow:var(--shadow-card)}.image-shape-module__2S4ZXa__srOnly{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.image-shape-module__2S4ZXa__drop{align-items:center;gap:var(--space-xs);padding:var(--space-4xl) var(--space-md);border:2px dashed var(--color-border-strong);border-radius:var(--radius-medium);color:var(--color-text-tertiary);text-align:center;cursor:pointer;flex-direction:column;display:flex;position:relative}.image-shape-module__2S4ZXa__drop strong{color:var(--color-text-primary);font-size:var(--font-size-panel-heading);font-weight:var(--font-weight-strong)}.image-shape-module__2S4ZXa__dropAction{color:var(--color-text-secondary);font-size:var(--font-size-body-compact);text-underline-offset:3px;text-decoration:underline}.image-shape-module__2S4ZXa__drop small{font-size:var(--font-size-caption);line-height:var(--line-height-body)}.image-shape-module__2S4ZXa__drop:hover,.image-shape-module__2S4ZXa__drop[data-over=true]{background:var(--color-surface-muted)}.image-shape-module__2S4ZXa__drop:focus-within{box-shadow:0 0 0 3px var(--color-focus-ring)}.image-shape-module__2S4ZXa__drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-shape-module__2S4ZXa__error{margin:var(--space-sm) 0 0;padding:var(--space-xs) var(--space-sm);border-left:3px solid var(--color-danger);color:var(--color-text-primary);background:var(--color-surface-muted);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.image-shape-module__2S4ZXa__note{margin:var(--space-xs) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.image-shape-module__2S4ZXa__workspace{gap:var(--space-xl);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}.image-shape-module__2S4ZXa__panel{gap:var(--space-lg);flex-direction:column;display:flex}.image-shape-module__2S4ZXa__stage,.image-shape-module__2S4ZXa__fitView,.image-shape-module__2S4ZXa__previewLight,.image-shape-module__2S4ZXa__previewDark{background-color:var(--color-surface-raised);background-image:linear-gradient(45deg, var(--color-surface-muted) 25%, transparent 25%), linear-gradient(-45deg, var(--color-surface-muted) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-surface-muted) 75%), linear-gradient(-45deg, transparent 75%, var(--color-surface-muted) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.image-shape-module__2S4ZXa__stageWrap{gap:var(--space-xs);flex-direction:column;display:flex}.image-shape-module__2S4ZXa__stage{aspect-ratio:1;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-medium);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.image-shape-module__2S4ZXa__stage:active{cursor:grabbing}.image-shape-module__2S4ZXa__stage:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.image-shape-module__2S4ZXa__stageCanvas,.image-shape-module__2S4ZXa__viewCanvas{width:100%;height:100%;display:block}.image-shape-module__2S4ZXa__mask{border:2px solid var(--color-white);box-shadow:0 0 0 100vmax color-mix(in srgb, var(--color-logo-charcoal) 58%, transparent);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-shape-module__2S4ZXa__mask[data-shape=circle]{border-radius:50%}.image-shape-module__2S4ZXa__mask[data-shape=square]{border-radius:0}.image-shape-module__2S4ZXa__stageHint{color:var(--color-text-tertiary);font-size:var(--font-size-caption);margin:0}.image-shape-module__2S4ZXa__zoomRow{align-items:center;gap:var(--space-xs);display:flex}.image-shape-module__2S4ZXa__zoomLabel{flex:1;display:flex}.image-shape-module__2S4ZXa__zoomLabel input{width:100%;accent-color:var(--color-text-primary)}.image-shape-module__2S4ZXa__iconButton{width:var(--target-touch);height:var(--target-touch);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-text-primary);font-size:var(--font-size-body);cursor:pointer;background:0 0;flex:none}.image-shape-module__2S4ZXa__fitView{aspect-ratio:1;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-medium);width:100%;overflow:hidden}.image-shape-module__2S4ZXa__modes{gap:var(--space-xs);margin:0 0 var(--space-lg);border:0;grid-template-columns:1fr 1fr;padding:0;display:grid}.image-shape-module__2S4ZXa__mode{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-surface-muted);cursor:pointer;align-items:flex-start;display:flex}.image-shape-module__2S4ZXa__mode:has(input:checked){border-color:var(--color-border-strong);background:var(--color-surface-raised)}.image-shape-module__2S4ZXa__mode input{accent-color:var(--color-text-primary);margin-top:3px}.image-shape-module__2S4ZXa__mode span{gap:var(--space-2xs);flex-direction:column;display:flex}.image-shape-module__2S4ZXa__mode strong{color:var(--color-text-primary);font-size:var(--font-size-body-compact);font-weight:var(--font-weight-strong)}.image-shape-module__2S4ZXa__mode small{color:var(--color-text-tertiary);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.image-shape-module__2S4ZXa__label{margin:0 0 var(--space-xs);color:var(--color-text-primary);font-size:var(--font-size-body-compact);font-weight:var(--font-weight-strong);padding:0}.image-shape-module__2S4ZXa__choice{border:0;min-width:0;margin:0;padding:0}.image-shape-module__2S4ZXa__chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.image-shape-module__2S4ZXa__chip{align-items:center;gap:var(--space-xs);min-height:var(--target-touch);padding:0 var(--space-md);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-secondary);background:var(--color-surface-muted);font-size:var(--font-size-body-compact);cursor:pointer;display:inline-flex}.image-shape-module__2S4ZXa__chip:has(input[type=radio]:checked){border-color:var(--color-border-strong);color:var(--color-text-primary);background:var(--color-surface-raised)}.image-shape-module__2S4ZXa__chip:has(input[type=radio]:focus-visible){box-shadow:0 0 0 3px var(--color-focus-ring)}.image-shape-module__2S4ZXa__chip input[type=radio]{opacity:0;pointer-events:none;position:absolute}.image-shape-module__2S4ZXa__swatch{border:var(--border-width) solid var(--color-border-strong);border-radius:50%;width:14px;height:14px}.image-shape-module__2S4ZXa__swatch[data-swatch=white]{background:var(--color-white)}.image-shape-module__2S4ZXa__swatch[data-swatch=black]{background:var(--color-logo-charcoal)}.image-shape-module__2S4ZXa__swatch[data-swatch=transparent]{background:conic-gradient(var(--color-surface-muted) 25%, var(--color-white) 0 50%, var(--color-surface-muted) 0 75%, var(--color-white) 0)}.image-shape-module__2S4ZXa__colorInput{border:var(--border-width) solid var(--color-border-strong);cursor:pointer;background:0 0;border-radius:50%;width:22px;height:22px;padding:0}.image-shape-module__2S4ZXa__colorInput::-webkit-color-swatch-wrapper{padding:0}.image-shape-module__2S4ZXa__colorInput::-webkit-color-swatch{border:0;border-radius:50%}.image-shape-module__2S4ZXa__field{flex-direction:column;min-width:0;display:flex}.image-shape-module__2S4ZXa__field input[type=range]{accent-color:var(--color-text-primary)}.image-shape-module__2S4ZXa__field select{min-height:var(--target-touch);padding:0 var(--space-sm);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-text-primary);background:var(--color-surface-input);font-size:var(--font-size-body-compact)}.image-shape-module__2S4ZXa__inlineField{align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-body-compact);cursor:pointer;display:inline-flex}.image-shape-module__2S4ZXa__fieldRow{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.image-shape-module__2S4ZXa__output{gap:var(--space-sm);flex-direction:column;display:flex}.image-shape-module__2S4ZXa__previews{margin:0}.image-shape-module__2S4ZXa__previewPair{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.image-shape-module__2S4ZXa__previewPair figure{margin:0}.image-shape-module__2S4ZXa__previewPair figcaption{margin-top:var(--space-2xs);color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.image-shape-module__2S4ZXa__previewLight,.image-shape-module__2S4ZXa__previewDark{aspect-ratio:1;padding:var(--space-md);border-radius:var(--radius-medium)}.image-shape-module__2S4ZXa__previewLight{background:var(--color-white);border:var(--border-width) solid var(--color-border-subtle)}.image-shape-module__2S4ZXa__previewDark{background:var(--color-logo-charcoal)}.image-shape-module__2S4ZXa__primary,.image-shape-module__2S4ZXa__secondary,.image-shape-module__2S4ZXa__ghost{min-height:var(--target-touch);padding-inline:var(--space-lg);border-radius:var(--radius-control);font-size:var(--font-size-body-compact);font-weight:var(--font-weight-strong);cursor:pointer}.image-shape-module__2S4ZXa__primary{color:var(--color-text-on-strong);background:var(--color-text-primary);border:0}.image-shape-module__2S4ZXa__primary:disabled{opacity:.55;cursor:default}.image-shape-module__2S4ZXa__secondary{margin-top:var(--space-sm);border:var(--border-width) solid var(--color-border-strong);color:var(--color-text-primary);background:0 0}.image-shape-module__2S4ZXa__ghost{color:var(--color-text-secondary);background:0 0;border:0}@media (max-width:760px){.image-shape-module__2S4ZXa__tool{padding:var(--space-md)}.image-shape-module__2S4ZXa__workspace,.image-shape-module__2S4ZXa__modes{grid-template-columns:1fr}}.image-shape-module__2S4ZXa__copy ol{padding-left:var(--space-lg);list-style:decimal}.image-shape-module__2S4ZXa__copy ul{list-style:outside}.image-shape-module__2S4ZXa__copy li+li{margin-top:var(--space-xs)}.image-shape-module__2S4ZXa__copy li strong,.image-shape-module__2S4ZXa__copy td strong{color:var(--color-text-primary)}.image-shape-module__2S4ZXa__copy table{width:100%;margin:var(--space-md) 0;border-collapse:collapse;font-size:var(--font-size-body-compact);line-height:var(--line-height-body)}.image-shape-module__2S4ZXa__copy th,.image-shape-module__2S4ZXa__copy td{padding:var(--space-sm) var(--space-sm) var(--space-sm) 0;border-bottom:var(--border-width) solid var(--color-border-subtle);text-align:left;vertical-align:top}.image-shape-module__2S4ZXa__copy th{color:var(--color-text-primary);font-weight:var(--font-weight-strong)}.image-shape-module__2S4ZXa__copy td{color:var(--color-text-secondary)}.image-shape-module__2S4ZXa__copy td:first-child{color:var(--color-text-primary);font-weight:var(--font-weight-strong)}.image-shape-module__2S4ZXa__tableScroll{overflow-x:auto}.image-shape-module__2S4ZXa__languages{gap:var(--space-xs) var(--space-md);margin:var(--space-sm) 0 0;font-size:var(--font-size-caption);line-height:var(--line-height-body);flex-wrap:wrap;padding:0;list-style:none;display:flex}.image-shape-module__2S4ZXa__languages a{color:var(--color-text-secondary);text-underline-offset:3px}.image-shape-module__2S4ZXa__languages a[aria-current=page]{color:var(--color-text-primary);font-weight:var(--font-weight-strong);text-decoration:none}