.pixel-pattern-tool .panel-header h2{margin:0;font-size:1rem;line-height:1.5}.pixel-pattern-tool .pixel-pattern-canvas{display:flex;justify-content:center;align-items:center;padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel)}.pixel-pattern-tool .pixel-pattern-canvas canvas{display:block}.pixel-pattern-tool .pixel-pattern-swatches{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:12px}.pixel-pattern-tool .pixel-pattern-swatches span{width:24px;height:24px;border:1px solid var(--border);border-radius:4px}.pixel-pattern-tool .pixel-pattern-hint,.pixel-pattern-tool .pixel-pattern-meta{margin:12px 0;color:var(--ink-muted);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.pixel-pattern-tool .pixel-pattern-meta code{font-family:var(--mono)}.pixel-pattern-tool .pixel-pattern-options{overflow:visible}.pixel-pattern-tool .pixel-pattern-options>summary{padding:16px;cursor:pointer;font-weight:600}.pixel-pattern-tool .pixel-pattern-seed-row{display:flex;flex-wrap:wrap;gap:8px}.pixel-pattern-tool .pixel-pattern-seed-row input{flex:1;min-width:0}.pixel-pattern-tool .field{min-width:0}.pixel-pattern-tool .actions-row{flex-wrap:wrap}@media(max-width:480px){.pixel-pattern-tool .field-row{flex-wrap:wrap}.pixel-pattern-tool .field-row>.field{flex-basis:100%}.pixel-pattern-tool .pixel-pattern-canvas{padding:8px}}.pixel-pattern-tool .pixel-pattern-params{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 16px;align-items:end;margin:8px 0}.pixel-pattern-tool .pixel-pattern-params .field{margin:0}.pixel-pattern-tool .pixel-pattern-check{display:inline-flex;align-items:center;gap:6px;font-size:.875rem}.pixel-pattern-tool .pixel-pattern-colors{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.pixel-pattern-tool .pixel-pattern-colors input[type=color]{width:40px;height:32px;padding:0;border:1px solid var(--border);border-radius:6px}