.br-regex-toolbar{display:flex;flex-direction:column;gap:var(--br-space-sm);padding:var(--br-space-md);margin-bottom:var(--br-space-md);background-color:var(--br-color-bg-light);border:1px solid var(--br-color-border);border-radius:var(--br-radius)}.br-regex-toolbar__pattern{display:flex;flex-direction:column;gap:var(--br-space-xxs)}.br-regex-toolbar__label{font-size:var(--br-text-xs);font-weight:700;color:var(--br-color-text-sub);letter-spacing:.025em;text-transform:uppercase}.br-regex-toolbar__input-wrap{display:flex;align-items:center;gap:0;background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);transition:border-color .15s,box-shadow .15s}.br-regex-toolbar__input-wrap:focus-within{border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-regex-toolbar__delim{flex-shrink:0;padding:0 var(--br-space-xs);font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-md);font-weight:600;color:var(--br-color-accent);line-height:1;user-select:none}.br-regex-input{flex:1;min-width:0;padding:var(--br-space-sm) 0;font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-sm);line-height:1.5;color:var(--br-color-text);background:0 0;border:none;outline:0;min-height:var(--br-tap-min)}.br-regex-input::placeholder{color:var(--br-color-text-sub);opacity:.5}.br-regex-flags{display:flex;flex-wrap:wrap;gap:var(--br-space-sm) var(--br-space-md);padding:0;margin:0;border:none}.br-regex-flags__item{white-space:nowrap}.br-regex-flags__item .br-checkbox__label{font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-weight:600}.br-regex-flags__desc{font-family:var(--br-font-sans);font-weight:400;font-size:var(--br-text-xxs);color:var(--br-color-text-sub);margin-left:var(--br-space-xxs)}.br-regex-status{display:flex;align-items:center;gap:var(--br-space-xs);padding:var(--br-space-sm) var(--br-space-md);font-size:var(--br-text-xs);font-weight:600;border-radius:var(--br-radius);margin-bottom:var(--br-space-md)}.br-regex-status--success{background-color:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.2)}.br-regex-status--error{background-color:rgba(239,68,68,.08);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.br-regex-section{margin-bottom:var(--br-space-md)}.br-regex-section__header{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;margin-bottom:var(--br-space-xs)}.br-regex-section__label{display:block;font-size:var(--br-text-xs);font-weight:700;color:var(--br-color-text-sub);letter-spacing:.025em;text-transform:uppercase}.br-regex-test{width:100%;min-height:12rem;padding:var(--br-space-md);font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-xs);line-height:1.6;color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);resize:vertical;tab-size:2;white-space:pre-wrap;word-break:break-all;transition:border-color .15s}.br-regex-test:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-regex-test::placeholder{color:var(--br-color-text-sub);font-family:var(--br-font-sans);opacity:.6}.br-regex-result{min-height:6rem;padding:var(--br-space-md);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);overflow-x:auto}.br-regex-result__pre{margin:0;font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-xs);line-height:1.6;white-space:pre-wrap;word-break:break-all;color:var(--br-color-text)}.br-regex-highlight{background:rgba(37,99,235,.2);border-bottom:2px solid var(--br-color-accent);border-radius:2px;padding:.05em 0}.br-regex-matches{background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);overflow-x:auto}.br-regex-matches__empty{margin:0;padding:var(--br-space-lg) var(--br-space-md);text-align:center;font-size:var(--br-text-xs);color:var(--br-color-text-sub)}.br-regex-matches__table{width:100%;border-collapse:collapse;font-size:var(--br-text-xs)}.br-regex-matches__table thead{background-color:var(--br-color-bg-light)}.br-regex-matches__table th{padding:var(--br-space-sm) var(--br-space-md);text-align:left;font-weight:700;font-size:var(--br-text-xxs);color:var(--br-color-text-sub);letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid var(--br-color-border);white-space:nowrap}.br-regex-matches__table td{padding:var(--br-space-sm) var(--br-space-md);border-bottom:1px solid var(--br-color-border);vertical-align:top}.br-regex-matches__table tbody tr:last-child td{border-bottom:none}.br-regex-matches__index{font-weight:700;color:var(--br-color-accent);white-space:nowrap;width:1%}.br-regex-matches__value code{font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;background:rgba(37,99,235,.08);padding:.1em .35em;border-radius:3px;font-size:var(--br-text-xxs);word-break:break-all}.br-regex-matches__pos{font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-xxs);color:var(--br-color-text-sub);white-space:nowrap}.br-regex-matches__groups{display:flex;flex-wrap:wrap;gap:var(--br-space-xxs) var(--br-space-sm)}.br-regex-matches__group{font-size:var(--br-text-xxs)}.br-regex-matches__group-name{font-weight:700;color:var(--br-color-accent);font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace}.br-regex-matches__group code{font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;background:rgba(37,99,235,.08);padding:.1em .35em;border-radius:3px;font-size:var(--br-text-xxs)}.br-regex-matches__no-group{color:var(--br-color-text-sub);font-size:var(--br-text-xxs)}@media (min-width:768px){.br-regex-toolbar{flex-direction:row;align-items:flex-end;gap:var(--br-space-md)}.br-regex-toolbar__pattern{flex:1;min-width:0}.br-regex-test{min-height:16rem}.br-regex-result{min-height:8rem}}@media (max-width:767px){.br-regex-toolbar{gap:var(--br-space-sm)}.br-regex-flags{display:grid;grid-template-columns:1fr 1fr;gap:var(--br-space-xs)}.br-regex-flags__desc{display:none}.br-regex-matches__table{font-size:var(--br-text-xxs)}.br-regex-matches__table td,.br-regex-matches__table th{padding:var(--br-space-xs) var(--br-space-sm)}}