.tool-page[data-tool=regex]>.rx-content,.tool-page[data-tool=regex]>.rx-page,.tool-page[data-tool=regex]>.tool-details,.tool-page[data-tool=regex]>.tool-intro{width:calc(100% - 48px);max-width:960px;margin-left:auto;margin-right:auto}.tool-page[data-tool=regex]>.tool-details,.tool-page[data-tool=regex]>.tool-intro{padding-left:0;padding-right:0}.rx-page{padding-bottom:8px}.rx-page h2{display:flex;align-items:center;gap:8px;margin:0;color:#1f2937;font-size:17px;line-height:1.5}.rx-page h2 svg{flex:none;width:18px;height:18px;color:#5c6487}.rx-page section{margin-top:20px;padding:22px 20px;background:#fff;border:1px solid #dce4ee;border-radius:12px;box-shadow:0 2px 4px #1f2d400e}.rx-page p{margin:12px 0;color:#485a72;font-size:13px;line-height:1.9}.rx-rule{width:118px;height:3px;margin:12px 0 17px;border-radius:3px;background:linear-gradient(90deg,#8178ff,#dfe1ff)}.rx-alert{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:13px 15px;border:1px solid #cdecd9;border-radius:10px;background:#eefaf2;color:#3d7a55;font-size:12px;line-height:1.8}.rx-alert svg{flex:none;margin-top:2px;color:#059669}.rx-alert b{color:#256b43}.rx-steps{display:flex;flex-direction:column;gap:10px}.rx-steps article{display:flex;align-items:flex-start;gap:14px;padding:14px;border:1px solid #e0e7f0;border-radius:10px}.rx-steps article>b{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#615cf2;color:#fff;font-size:18px}.rx-steps h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:#1f2937;font-size:13px;line-height:1.6}.rx-steps h3 svg{flex:none;width:15px;height:15px;color:#8a99b0}.rx-steps p{margin:0;color:#63758f;font-size:12px;line-height:1.75}.rx-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rx-features article{padding:15px 16px;border:1px solid #e6eaf1;border-radius:11px;background:#fcfdff}.rx-features h3{margin:0 0 6px;color:#1f2937;font-size:13px}.rx-features p{margin:0;color:#63758f;font-size:12px;line-height:1.8}.rx-faq{padding:20px 0 0;overflow:hidden}.rx-faq>.rx-rule,.rx-faq>h2{margin-left:20px;margin-right:20px}.rx-faq details{border-top:1px solid #e3e9f1}.rx-faq summary{position:relative;list-style:none;cursor:pointer;padding:15px 50px 15px 20px;color:#273449;font-size:13px;font-weight:600;line-height:1.6}.rx-faq summary::-webkit-details-marker{display:none}.rx-faq summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border:1px solid #dce4ee;border-radius:8px;background:#f8fafc;color:#60738d;font-size:19px;font-weight:400}.rx-faq details[open] summary:after{content:"−"}.rx-faq details p{margin:0;padding:0 20px 16px;color:#52657f;font-size:12px;line-height:1.85}@media(max-width:700px){.rx-page section{padding:18px 15px}.rx-page h2{font-size:15px}.rx-page p{font-size:12px}.rx-features{grid-template-columns:1fr}.rx-steps article{padding:12px;gap:11px}.rx-steps article>b{width:36px;height:36px}.rx-steps p{font-size:11px}.rx-faq{margin-top:14px}.rx-faq summary{font-size:12px;padding-left:15px}.rx-faq details p{padding-left:15px;padding-right:15px}}.rx-content{--rx-text:#0f172a;--rx-muted:#64748b;--rx-border:#e2e8f0;--rx-line:#f1f5f9;--rx-input:#f8fafc;--rx-accent:#6366f1;--rx-accent-strong:#4f46e5;display:flex;flex-direction:column;gap:16px;padding-bottom:8px;color:var(--rx-text)}.rx-content *{box-sizing:border-box}.rx-card{background:#fff;border:1px solid var(--rx-border);border-radius:14px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.rx-card-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--rx-line)}.rx-card-head h2{margin:0;color:var(--rx-text);font-size:15px;font-weight:600;line-height:1.5}.rx-head-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.rx-card-body{padding:16px 20px}.rx-muted{margin-left:auto;color:var(--rx-muted);font-size:12px}.rx-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rx-border);border-radius:9px;background:#fff;color:#475569;font-size:13px;font-weight:500;padding:8px 14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.rx-btn:hover{background:var(--rx-input);border-color:#cbd5e1}.rx-btn-ghost{background:transparent}.rx-copy-btn{margin-left:auto}.rx-pattern-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rx-delimiter{flex:none;color:#94a3b8;font:600 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rx-pattern-input{flex:1 1 320px;min-width:0;padding:11px 14px;border:1px solid var(--rx-border);border-radius:10px;background:var(--rx-input);color:var(--rx-text);font:14px ui-monospace,SFMono-Regular,Menlo,monospace;outline:0;transition:border-color .15s,box-shadow .15s}.rx-pattern-input:focus{border-color:var(--rx-accent);box-shadow:0 0 0 3px #6366f126}.rx-pattern-input::placeholder{color:#94a3b8}.rx-flags{display:flex;gap:6px;flex:none}.rx-flag-btn{width:36px;height:38px;border:1px solid var(--rx-border);border-radius:9px;background:#fff;color:#475569;font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.rx-flag-btn:hover{background:var(--rx-input)}.rx-flag-btn.is-active{background:var(--rx-accent);border-color:var(--rx-accent);color:#fff}.rx-preset{flex:none;min-width:150px;padding:10px 12px;border:1px solid var(--rx-border);border-radius:10px;background:#fff;color:#475569;font-size:13px;cursor:pointer;outline:0}.rx-preset:focus{border-color:var(--rx-accent);box-shadow:0 0 0 3px #6366f126}.rx-error{margin:12px 0 0;padding:9px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:12px;line-height:1.6}.rx-match-badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:9999px;background:#6366f114;color:var(--rx-accent);font-size:12px;font-weight:600;white-space:nowrap}.rx-match-badge.is-empty{margin-left:auto;background:#6366f114;color:#a5b4fc}.rx-highlight-wrap{position:relative}.rx-backdrop{position:absolute;inset:0;z-index:0;overflow:auto;padding:16px;border:1px solid transparent;border-radius:10px;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:normal;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;pointer-events:none;color:transparent}.rx-highlights{min-height:100%}.rx-mark,.rx-plain{color:transparent}.rx-mark{border-radius:3px}.rx-mark-match{background:#6366f12e}.rx-test-text{position:relative;z-index:1;display:block;width:100%;min-height:290px;margin:0;padding:16px;border:1px solid var(--rx-border);border-radius:10px;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:normal;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;resize:vertical;overflow:auto;background:transparent;color:var(--rx-text);outline:0;transition:border-color .15s}.rx-test-text:focus{border-color:var(--rx-accent);box-shadow:0 0 0 3px #6366f126}.rx-test-text::placeholder{color:#94a3b8}.rx-hint{margin:10px 0 0;color:var(--rx-muted);font-size:12px;line-height:1.6}.rx-match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.rx-match-item{padding:11px 14px;border:1px solid var(--rx-border);border-radius:10px;background:#fcfdff}.rx-match-head{display:flex;align-items:center;gap:10px}.rx-match-index{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#eef2ff;color:var(--rx-accent-strong);font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.rx-match-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rx-text);font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.rx-match-pos{flex:none;color:var(--rx-muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.rx-group-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.rx-group-tag{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 8px;border:1px solid;border-radius:6px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.rx-group-tag b{font-weight:700}.rx-empty{margin:0;padding:26px 4px;color:var(--rx-muted);font-size:13px;text-align:center;line-height:1.8}.rx-replace-input{width:100%;padding:11px 14px;border:1px solid var(--rx-border);border-radius:10px;background:var(--rx-input);color:var(--rx-text);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;outline:0;transition:border-color .15s,box-shadow .15s}.rx-replace-input:focus{border-color:var(--rx-accent);box-shadow:0 0 0 3px #6366f126}.rx-replace-input::placeholder{color:#94a3b8}.rx-replace-preview{margin-top:12px}.rx-preview-label{margin-bottom:6px;color:var(--rx-muted);font-size:12px;font-weight:600}.rx-replace-output{margin:0;min-height:64px;max-height:280px;overflow:auto;padding:12px 14px;border:1px solid var(--rx-border);border-radius:10px;background:var(--rx-input);color:#334155;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.rx-action-bar{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.rx-btn-toggle{padding:10px 20px;border-color:var(--rx-accent);background:var(--rx-accent);color:#fff;font-size:14px;font-weight:600;box-shadow:0 2px 8px #6366f133}.rx-btn-toggle:hover{background:var(--rx-accent-strong);border-color:var(--rx-accent-strong)}.rx-btn-toggle:not(.is-active){background:#fff;color:var(--rx-accent-strong)}.rx-btn-toggle:not(.is-active):hover{background:#eef2ff}.rx-cheatsheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.rx-cheat-group h3{margin:0 0 8px;color:var(--rx-text);font-size:13px;font-weight:600}.rx-cheat-group dl{margin:0;display:flex;flex-direction:column;gap:6px}.rx-cheat-row{display:flex;align-items:baseline;gap:10px}.rx-cheat-row dt{flex:none;min-width:96px}.rx-cheat-row dd{margin:0;color:var(--rx-muted);font-size:12px;line-height:1.7}.rx-cheat-row code{padding:2px 6px;border-radius:5px;background:#f1f5f9;color:#334155;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.rx-notice:empty{display:none}.rx-notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:30;max-width:calc(100% - 30px);padding:12px 16px;background:#263247;color:#fff;border-radius:10px;box-shadow:0 5px 22px #26324730;font-size:12px}@media(max-width:768px){.rx-card-body,.rx-card-head{padding:14px 16px}.rx-pattern-input{flex:1 1 100%}.rx-flags{flex:1 1 auto;justify-content:flex-start}.rx-preset{flex:1 1 100%;min-width:0}.rx-highlight-wrap{min-height:220px}.rx-cheatsheet{grid-template-columns:1fr}.rx-flag-btn{width:34px;height:36px}}