main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.input-section{padding:16px 24px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.field-row{display:flex;align-items:center;gap:8px;font-size:13px}.field-row label{color:var(--muted);white-space:nowrap}.field-row input[type=text]{flex:1;background:var(--bg3);color:#fff;border:1px solid var(--border);padding:8px 12px;border-radius:var(--r);font-family:JetBrains Mono,monospace;font-size:14px;outline:none}.field-row input[type=text]:focus{border-color:var(--accent)}.flags-row{gap:4px}.flags-row label{gap:3px;cursor:pointer;color:var(--text);font-size:13px}.panel-body textarea{flex:1;padding:12px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;background:var(--bg);color:#fff;border:1px solid var(--border);border-radius:var(--r);outline:none;resize:vertical;white-space:pre;overflow:auto;min-height:80px}.panel-body textarea:focus{border-color:var(--accent)}.panel-body textarea::placeholder{color:var(--muted)}.match-info{font-size:12px;color:var(--accent);font-weight:600}.test-results{max-height:200px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6}.test-results .match-line{color:var(--success)}.test-results .match-info{color:var(--muted)}.token-list{font-size:13px;line-height:1.8}.token-item{display:flex;gap:12px;padding:4px 0;border-bottom:1px solid var(--border)}.token-item:last-child{border-bottom:none}.token-regex{font-family:JetBrains Mono,monospace;color:var(--accent);font-weight:600;min-width:80px}.token-desc{color:var(--text)}.token-desc .code{font-family:JetBrains Mono,monospace;color:var(--warning);background:var(--bg3);padding:1px 4px;border-radius:3px;font-size:12px}.placeholder{color:var(--muted);font-style:italic}@media(max-width:768px){.panel-body textarea{min-height:100px}.input-section{padding:12px 16px}}