.pattern-dialog{color:var(--ink,#173f3a);background:#fffdf8;border:1px solid #dcded3;border-radius:20px;width:min(600px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0}.pattern-dialog::backdrop{background:#0c241f80}.pattern-dialog form{flex-direction:column;max-height:calc(100dvh - 34px);display:flex}.pattern-dialog-header,.pattern-dialog-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.pattern-dialog-header{border-bottom:1px solid #dcded3}.pattern-dialog-header h2{margin:0;font-size:1.35rem}.pattern-dialog-body{min-height:0;padding:20px 24px;overflow:auto}.pattern-dialog-footer{background:#fffdf8;border-top:1px solid #dcded3}.owned-colors-search{gap:8px;display:grid}.owned-colors-search input{color:#173f3a;background:#fff;border:1px solid #cfcac0;border-radius:8px;width:100%;min-width:0;min-height:44px;padding:10px 12px}.owned-colors-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.owned-colors-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.owned-colors-list label{overflow-wrap:anywhere;border:1px solid #dcded3;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:8px;display:flex}.owned-colors-list label:has(:checked){background:#e6eee4;border-color:#718f7e}.owned-colors-list .swatch{flex-shrink:0}.palette-status{color:#4d625b;font-size:.85rem}@media (width<=720px){.pattern-dialog.catalog-filter-dialog{border:0;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}.catalog-filter-dialog form{height:100dvh;max-height:100dvh}.catalog-filter-dialog .pattern-dialog-body{flex:1}.owned-colors-list{grid-template-columns:minmax(0,1fr)}}