.regex-tool .regex-editor-grid{align-items:stretch;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}@media(max-width:1024px){.regex-tool .regex-editor-grid{grid-template-columns:1fr}}.regex-tool .regex-panel{display:flex;flex-direction:column;gap:12px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.98));border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.regex-tool .regex-label{color:#334155;font-size:13px;font-weight:700;letter-spacing:.01em}.regex-tool .label-with-hint{position:relative;display:inline-flex;align-items:center;gap:8px}.regex-tool .regex-pattern-input,.regex-tool .regex-test-input{min-height:160px;resize:vertical;line-height:1.65;font-family:Monaco,Courier New,monospace;font-size:14px}.regex-tool .regex-test-input{min-height:280px}.regex-tool .regex-text-matched-size{font-size:14px;line-height:1.65;letter-spacing:0}.regex-tool .regex-panel-test{order:1}.regex-tool .regex-panel-regex{order:2}.regex-tool .regex-flags-input{min-height:44px;font-family:Monaco,Courier New,monospace}.regex-tool .regex-status{margin-bottom:18px}.regex-tool .regex-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}@media(max-width:900px){.regex-tool .regex-summary-grid{grid-template-columns:1fr}}.regex-tool .regex-match-card,.regex-tool .regex-summary-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.regex-tool .regex-summary-card{padding:16px 18px}.regex-tool .regex-group-title,.regex-tool .regex-summary-title{color:#475569;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.regex-tool .regex-summary-value{margin-top:10px;color:#0f172a;font-size:16px;line-height:1.6;word-break:break-word;font-family:Monaco,Courier New,monospace}.regex-tool .regex-results{display:grid;gap:14px;margin-top:22px}.regex-tool .regex-match-card{padding:16px 18px 18px}.regex-tool .regex-match-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.regex-tool .regex-match-title{color:#0f172a;font-size:15px;font-weight:700}.regex-tool .regex-match-meta{color:#64748b;font-size:12px}.regex-tool .regex-match-text{margin:0;padding:12px 14px;background:#f8fafc;border-radius:10px;color:#111827;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word;font-family:Monaco,Courier New,monospace}.regex-tool .regex-group-list{margin-top:14px;padding-top:14px;border-top:1px dashed #e2e8f0}.regex-tool .regex-group-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:14px;align-items:start;margin-top:10px}@media(max-width:640px){.regex-tool .regex-group-row{grid-template-columns:1fr;gap:6px}}.regex-tool .regex-group-label{padding:6px 10px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:12px;font-weight:700;word-break:break-word}.regex-tool .regex-group-value{color:#0f172a;font-size:13px;line-height:1.65;word-break:break-word;font-family:Monaco,Courier New,monospace}.regex-tool .regex-empty-state,.regex-tool .regex-limit-note{margin-top:18px;padding:14px 16px;border-radius:10px;border:1px dashed #cbd5e1;background:#f8fafc;color:#475569;font-size:13px;line-height:1.6}.regex-tool .regex-chips{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.regex-tool .flag-wrapper{position:relative;display:inline-flex;align-items:center}.regex-tool .flag-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:160px;max-width:260px;padding:8px 10px;background:#0f172a;color:#fff;font-size:12px;border-radius:8px;box-shadow:0 8px 20px rgba(2,6,23,.12);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;transform-origin:top center;z-index:60}.regex-tool .flag-tooltip-visible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.regex-tool .flags-hint{margin-top:6px;color:#64748b;font-size:12px}.regex-tool .regex-results-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;margin-top:20px}@media(max-width:1024px){.regex-tool .regex-results-layout{grid-template-columns:1fr}}.regex-tool .regex-highlight-column{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:16px}.regex-tool .regex-highlight-title{font-weight:700;color:#0f172a;margin-bottom:10px}.regex-tool .regex-highlighted-text{white-space:pre-wrap;word-break:break-word;font-family:Monaco,Courier New,monospace;font-size:14px;line-height:1.65}.regex-tool .regex-highlight{background:rgba(59,130,246,.06);border-radius:4px;padding:1px 3px;border:1px solid rgba(0,0,0,0);cursor:pointer;transition:background .12s ease,border-color .12s ease}.regex-tool .regex-highlight:hover{background:rgba(59,130,246,.09)}.regex-tool .highlight-active{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.22)}.regex-tool .regex-list-column{display:flex;flex-direction:column;gap:12px}.regex-tool .regex-list-toolbar{display:flex;flex-direction:column;gap:10px}.regex-tool .regex-list-toolbar-title{color:#0f172a;font-size:15px;font-weight:700}.regex-tool .regex-list-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.regex-tool .regex-list-counter{min-width:120px;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:13px;font-weight:700;text-align:center}.regex-tool .regex-nav-btn{min-width:72px}.regex-tool .hover-cap-row{font-size:13px;color:#0f172a;margin-bottom:6px}