.ascii-pattern-tool .panel-header h2{margin:0;font-size:1rem;line-height:1.5}.ascii-pattern-tool .ascii-pattern-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.ascii-pattern-tool .ascii-pattern-toolbar .field{flex:1;min-width:0;margin:0}.ascii-pattern-tool .ascii-pattern-preview{display:block;width:100%;min-height:320px;resize:vertical;border:1px solid var(--code-border);white-space:pre;overflow:auto;line-height:1.2}.ascii-pattern-tool .ascii-pattern-hint,.ascii-pattern-tool .ascii-pattern-meta{margin:12px 0;color:var(--ink-muted);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.ascii-pattern-tool .ascii-pattern-meta code{font-family:var(--mono)}.ascii-pattern-tool .ascii-pattern-options>summary{padding:16px;cursor:pointer;font-weight:600}.ascii-pattern-tool .ascii-pattern-options{overflow:visible}.ascii-pattern-tool .field{min-width:0}.ascii-pattern-tool .actions-row{flex-wrap:wrap}@media(max-width:480px){.ascii-pattern-tool .ascii-pattern-toolbar{align-items:stretch;flex-direction:column}.ascii-pattern-tool .field-row{flex-wrap:wrap}}.ascii-pattern-tool .ascii-pattern-params{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 16px;align-items:end;margin-bottom:8px}.ascii-pattern-tool .ascii-pattern-params .field{margin:0}.ascii-pattern-tool .ascii-pattern-check{display:inline-flex;align-items:center;gap:6px;font-size:.875rem}