.tool-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--color-accent);color:#fff}.back-link{color:#fff;text-decoration:none}.tool-title{font-size:18px;margin:0;font-weight:600}.share-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.section-title{font-size:16px;font-weight:600;color:var(--color-accent);margin:0 0 16px}.regex-input-row{display:flex;align-items:center;gap:4px}.regex-delimiter{font-size:20px;font-weight:600;color:var(--color-accent);font-family:Menlo,Consolas,monospace}.regex-pattern{flex:1;font-family:Menlo,Consolas,monospace}.regex-flags{width:60px;font-family:Menlo,Consolas,monospace;text-align:center}.flag-toggles{display:flex;flex-wrap:wrap;gap:12px}.flag-item{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.test-textarea{font-family:Menlo,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;resize:vertical}.match-result{font-family:Menlo,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;padding:16px;background-color:var(--color-surface-hover);border-radius:var(--border-radius);white-space:pre-wrap;word-break:break-all;min-height:60px;margin-bottom:12px}.match-result .highlight{background-color:#8b5cf64d;color:var(--color-text);border-radius:2px;padding:1px 2px}[data-theme=dark] .match-result .highlight{background-color:#8b5cf666}.match-info{font-size:14px;font-weight:600;color:var(--color-accent);margin-bottom:12px}.match-list{display:flex;flex-direction:column;gap:6px}.match-item{font-size:13px;padding:8px 12px;background-color:var(--color-surface-hover);border-radius:var(--border-radius);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.match-index{font-weight:600;color:var(--color-accent)}.match-item code{background-color:#8b5cf626;padding:2px 6px;border-radius:4px;font-family:Menlo,Consolas,monospace}.match-pos,.match-groups{color:var(--color-text-secondary);font-size:12px}.error-message{color:#dc2626;font-size:14px;padding:12px;background-color:#dc262614;border-radius:var(--border-radius)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(100px);background-color:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media(min-width:768px){.tool-title{font-size:22px}}