.insp-pattern-controls,.insp-pattern-preview{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.insp-pattern-preview__canvas{aspect-ratio:1;background-color:var(--elevation-surface-raised);background-image:linear-gradient(45deg, var(--color-surface-sunken) 25%, transparent 25%), linear-gradient(-45deg, var(--color-surface-sunken) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-surface-sunken) 75%), linear-gradient(-45deg, transparent 75%, var(--color-surface-sunken) 75%);background-position:0 0, 0 calc(var(--space-3) / 2), calc(var(--space-3) / 2) calc(var(--space-3) / -2), calc(var(--space-3) / -2) 0;background-size:var(--space-3) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);max-width:var(--insp-preview-max-inline-size,20rem);align-self:center;width:100%;display:block}.insp-pattern-preview__canvas--editable{cursor:grab;touch-action:none}.insp-pattern-preview__canvas--editable:active{cursor:grabbing}.insp-pattern-colors{align-items:center;gap:var(--space-2);display:flex}.insp-pattern-colors input[type=color]{aspect-ratio:1;border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);width:var(--space-5);background:0 0;padding:0}.insp-pattern-summary{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.insp-pattern-library__name-input{box-sizing:border-box;width:100%;min-width:0;min-height:max(24px, var(--insp-row-height,var(--component-compact-height)));padding:0 var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control-compact);background:var(--color-surface-sunken);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-xs)}.insp-pattern-library__name-input:hover{border-color:var(--color-border-strong)}.insp-pattern-library__name-input:focus-visible{border-color:var(--color-border-focus);outline:2px solid var(--color-interactive-focus-ring);outline-offset:-2px;background:var(--color-surface-app)}.insp-pattern-library__list--editing{max-height:min(55vh,420px)}.insp-paint-library__entry.insp-pattern-library__entry{align-items:center;gap:var(--space-1) var(--space-2);grid-template-columns:1.25rem minmax(0,1fr);min-width:0;display:grid}.insp-pattern-library__entry>.insp-pattern-library__swatch{grid-area:1/1/span 2;overflow:hidden}.insp-pattern-library__swatch .insp-pattern-preview{width:100%;height:100%;display:block}.insp-pattern-library__swatch .insp-pattern-preview__canvas{max-width:none;height:100%}.insp-pattern-library__swatch .insp-hint{display:none}.insp-pattern-library__entry>.insp-paint-library__info{grid-area:1/2;min-width:0}.insp-pattern-library__entry>.insp-paint-library__actions{max-inline-size:100%;flex-wrap:wrap;grid-area:2/2;justify-content:flex-end;min-width:0}.insp-pattern-library__entry .insp-paint-library__action-btn{min-width:2rem;min-height:2rem}.insp-panel fieldset.insp-pattern-definition-settings:not(.insp-disclosure__content){gap:var(--space-2);min-width:0;padding:var(--space-2) 0 var(--space-1);-webkit-user-select:text;user-select:text;border:0;grid-column:1/-1;grid-template-columns:minmax(0,1fr);width:100%;margin:0;display:grid}.insp-pattern-definition-settings>legend{color:var(--color-text-secondary);font-size:var(--font-size-2xs);padding:0}.insp-pattern-definition-settings>label{color:var(--color-text-secondary);font-size:var(--font-size-2xs);gap:var(--space-05);flex-direction:column;min-width:0;display:flex}.insp-pattern-definition-settings .insp-num__input{width:100%}.insp-pattern-definition-settings>.insp-pattern-definition-settings__check{align-items:center;gap:var(--space-1);display:flex}.insp-pattern-source-editor{gap:var(--space-2);min-width:0;padding-block:var(--space-2);grid-column:1/-1;display:grid}.insp-pattern-source-editor__header,.insp-pattern-source-editor__header>div{align-items:center;gap:var(--space-1);justify-content:space-between;display:flex}.insp-pattern-source-editor__header button,.insp-pattern-source-editor__motif,.insp-pattern-source-editor__transform>button{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);color:var(--color-text-primary);cursor:pointer;min-height:2.75rem;padding:var(--space-1) var(--space-2)}.insp-pattern-source-editor__header button:hover,.insp-pattern-source-editor__motif:hover,.insp-pattern-source-editor__transform>button:hover{background:var(--color-surface-hover)}.insp-pattern-source-editor__header button:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.insp-pattern-source-editor__motif:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.insp-pattern-source-editor__transform>button:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.insp-pattern-source-editor__motifs,.insp-pattern-source-editor__transform{border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);gap:var(--space-1);min-width:0;padding:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.insp-pattern-source-editor__motifs>legend,.insp-pattern-source-editor__transform>legend{color:var(--color-text-secondary);font-size:var(--font-size-2xs);padding-inline:var(--space-1)}.insp-pattern-source-editor__motif{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.insp-pattern-source-editor__motif[aria-pressed=true]{background:var(--color-accent-subtle);border-color:var(--color-accent-primary)}.insp-pattern-source-editor__transform>label{color:var(--color-text-secondary);font-size:var(--font-size-2xs);gap:var(--space-05);min-width:0;display:grid}.insp-pattern-source-editor__transform input{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);color:var(--color-text-primary);min-width:0;min-height:2.5rem;padding-inline:var(--space-1);width:100%}.insp-pattern-source-editor__transform>button{grid-column:1/-1}.insp-pattern-raster-offset-editor .insp-pattern-source-editor__header{grid-template-columns:minmax(0,1fr);display:grid}.insp-pattern-raster-offset-editor .insp-pattern-source-editor__header>div{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.insp-pattern-raster-offset-editor .insp-pattern-source-editor__header button{white-space:normal;flex:none;width:100%;min-width:0}