.tool-accent-regex{--tool-accent:#6d45e8;--tool-accent-soft:#f1edff}.regex-workspace-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px;display:grid}.regex-settings-panel,.regex-result-panel{min-width:0}.regex-result-panel{flex-direction:column;min-height:760px;display:flex}.regex-result-empty{flex:1}.regex-field{margin-top:22px;display:block}.regex-field>span,.regex-flags legend{color:var(--navy);margin-bottom:10px;font-weight:800;display:block}.regex-field input,.regex-field textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--navy);font:inherit;background:#fff}.regex-field input{border-width:0;height:54px;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.regex-field textarea{resize:vertical;border-radius:14px;min-height:250px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.6}.regex-field input:focus,.regex-field textarea:focus{border-color:#6d45e8;outline:3px solid #6d45e824}.regex-pattern-wrap{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:0 10px;display:grid}.regex-pattern-wrap:focus-within{border-color:#6d45e8;outline:3px solid #6d45e824}.regex-pattern-wrap input:focus{outline:0}.regex-pattern-wrap b{color:#6d45e8;font:800 1.2rem ui-monospace,SFMono-Regular,Consolas,monospace}.regex-field small{color:var(--muted);text-align:right;margin-top:7px;display:block}.regex-field em{color:var(--muted);margin-top:4px;font-size:.82rem;font-style:normal;display:block}.regex-flags{border:0;margin:22px 0 0;padding:0}.regex-flags>div{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.regex-flags label{cursor:pointer;position:relative}.regex-flags input{opacity:0;pointer-events:none;position:absolute}.regex-flags span{border:1px solid var(--border);min-height:58px;color:var(--muted);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:9px 11px;font-size:.78rem;line-height:1.25;display:flex}.regex-flags strong{color:#6d45e8;background:#f0edff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font:800 .9rem ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.regex-flags input:checked+span{color:var(--navy);background:#f4f1ff;border-color:#6d45e8;box-shadow:0 0 0 2px #6d45e81a}.regex-flags input:focus-visible+span{outline-offset:2px;outline:3px solid #6d45e840}.regex-form-actions,.regex-result-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.regex-form-actions button,.regex-result-actions button{flex:170px}.regex-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.regex-metrics article{border:1px solid var(--border);background:#fff;border-radius:13px;gap:5px;padding:13px;display:grid}.regex-metrics span{color:var(--muted);font-size:.8rem}.regex-metrics output{color:var(--navy);font-weight:900}.regex-truncated{color:#624500;background:#fff4d8;border-radius:12px;gap:8px;margin:0 0 14px;padding:11px 13px;line-height:1.45;display:flex}.regex-output-section{margin-top:18px}.regex-output-section h3{color:var(--navy);margin:0;font-size:1rem}.regex-output-section>div p{color:var(--muted);margin:5px 0 0;font-size:.84rem}.regex-output-section pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border);min-height:150px;max-height:320px;color:var(--navy);background:#fff;border-radius:14px;margin:10px 0 0;padding:15px;font:500 .9rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.regex-output-section mark{color:#271c00;background:#ffe47a;border-radius:3px;padding:1px 0;box-shadow:0 0 0 1px #aa78001f}.regex-match-list{border:1px solid var(--border);background:#fff;border-radius:14px;max-height:390px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.regex-match-list:empty{display:none}.regex-match-list li{border-bottom:1px solid var(--border);gap:8px;padding:13px 14px;display:grid}.regex-match-list li:last-child{border-bottom:0}.regex-match-list li>div{justify-content:space-between;gap:12px;display:flex}.regex-match-list strong{color:var(--navy)}.regex-match-list span,.regex-match-list dt{color:var(--muted);font-size:.8rem}.regex-match-list code{overflow-wrap:anywhere;color:#4825b4}.regex-match-list dl{grid-template-columns:auto minmax(0,1fr);gap:7px;margin:0;display:grid}.regex-match-list dt{font-weight:700}.regex-match-list dd{overflow-wrap:anywhere;color:var(--navy);margin:0;font-size:.84rem}.regex-result-actions{margin-top:18px}@media (width<=980px){.regex-workspace-grid{grid-template-columns:1fr}.regex-result-panel{min-height:480px}}@media (width<=620px){.regex-flags>div,.regex-metrics{grid-template-columns:1fr 1fr}.regex-form-actions button,.regex-result-actions button{flex-basis:100%}.regex-result-panel{min-height:420px}.regex-match-list dl{grid-template-columns:1fr}.regex-match-list li>div{display:grid}}@media (width<=380px){.regex-flags>div,.regex-metrics{grid-template-columns:1fr}}