.regexly{--rx-font-mono: var(--font-mono);--rx-match-bg: color-mix(in srgb, var(--accent-2) 28%, transparent);--rx-match-border: color-mix(in srgb, var(--accent-2) 55%, transparent);--rx-pill-bg: var(--accent-soft);--rx-pill-border: var(--accent-line);--rx-pill-bg-hover: color-mix(in srgb, var(--accent) 18%, transparent);--rx-danger-bg: color-mix(in srgb, var(--danger) 16%, transparent);--rx-danger-text: var(--danger)}.regexly-main{flex:1;max-width:1100px;margin:0 auto;padding:80px 24px 48px;width:100%;display:flex;flex-direction:column;gap:28px}.rx-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;backdrop-filter:blur(14px)}html:has(.regexly),body:has(.regexly){overflow-x:clip;overflow-y:visible}.rx-pattern-sticky{position:sticky;top:76px;z-index:40}.rx-pattern-sticky .rx-pattern-panel{background:var(--bg-card-solid);box-shadow:var(--shadow-pop)}.rx-builder-section .rx-flags{margin-top:0}.rx-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.rx-section-head h2{font-size:1.05rem;font-weight:700;margin:0;letter-spacing:-.01em}.rx-section-head h3{font-size:.85rem;font-weight:600;margin:0;color:var(--text-muted)}.rx-section-sub{margin:0;font-size:.85rem;color:var(--text-muted);flex-basis:100%}.rx-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rx-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card-solid);color:var(--text);cursor:pointer;transition:all var(--transition);font-family:inherit}.rx-btn:hover{border-color:var(--accent-line);color:var(--accent-hover);background:var(--accent-soft)}.rx-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.rx-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}.rx-btn--primary.rx-copied{background:var(--success);border-color:var(--success);color:var(--bg)}.rx-copy-icon-stack{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--icon-xs);height:var(--icon-xs);flex:none}.rx-copy-icon-stack .rx-copy-icon{position:absolute;inset:0;transition:opacity .2s ease,transform .3s cubic-bezier(.22,1,.36,1)}.rx-copy-icon--idle{opacity:1;transform:scale(1)}.rx-copy-icon--done,.rx-copied .rx-copy-icon--idle{opacity:0;transform:scale(.5)}.rx-copied .rx-copy-icon--done{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.rx-copy-icon-stack .rx-copy-icon{transition:none}}.rx-btn--ghost{background:transparent}.rx-btn--add{width:100%;justify-content:center;padding:14px;border-style:dashed;font-weight:600;margin-top:12px}.rx-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1.2rem;line-height:1;transition:all var(--transition);font-family:inherit}.rx-icon-btn:hover{border-color:var(--border);background:var(--bg-card-solid);color:var(--text)}.rx-icon-btn--danger:hover{color:var(--rx-danger-text);border-color:var(--rx-danger-text);background:var(--rx-danger-bg)}.rx-palette-head .rx-icon-btn{font-size:1.5rem;width:36px;height:36px}.rx-pattern-row{display:flex;align-items:center;gap:6px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--rx-font-mono);font-size:.95rem;overflow-x:auto;flex-wrap:wrap}.rx-pattern-slash{color:var(--accent);font-weight:700;font-size:1.1rem}.rx-pattern-row:focus-within{border-color:var(--accent-line);background:var(--accent-soft)}.rx-pattern{flex:1;min-width:0;word-break:break-all;color:var(--text);min-height:1.2em;outline:none}.rx-pattern:empty:before{content:attr(data-placeholder);color:var(--text-subtle)}.rx-pattern-span{cursor:pointer;border-radius:var(--radius-sm);padding:1px;transition:background var(--transition),color var(--transition)}.rx-pattern-span:hover{background:var(--rx-pill-bg-hover)}.rx-pattern-span.is-active{background:var(--accent-2);color:var(--accent-2-ink)}.rx-pattern-span[data-depth="1"].is-active{background:color-mix(in srgb,var(--accent-2) 45%,transparent);color:var(--text)}.rx-pattern-span[data-depth="2"].is-active{background:color-mix(in srgb,var(--accent-2) 30%,transparent);color:var(--text)}.rx-pattern-span[data-depth="3"].is-active,.rx-pattern-span[data-depth="4"].is-active{background:color-mix(in srgb,var(--accent-2) 20%,transparent);color:var(--text)}.rx-pattern-row .rx-btn{margin-left:auto}.rx-error{margin-top:10px;padding:10px 12px;background:var(--rx-danger-bg);color:var(--rx-danger-text);border-radius:var(--radius);font-size:.85rem}.rx-block select{padding:6px 10px;border:1px solid var(--border);background:var(--bg-card-solid);color:var(--text);border-radius:var(--radius);font-size:.85rem;font-family:inherit;cursor:pointer}.rx-block select:hover{border-color:var(--accent-line)}.rx-copy-as-wrap{position:relative;display:inline-flex}.rx-copy-as-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;flex-direction:column;min-width:140px;padding:4px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.rx-copy-as-menu[hidden]{display:none}.rx-copy-as-item{padding:8px 12px;background:transparent;border:none;color:var(--text);text-align:left;font-size:.85rem;border-radius:var(--radius);cursor:pointer;font-family:inherit;transition:background var(--transition),color var(--transition)}.rx-copy-as-item:hover{background:var(--accent-soft);color:var(--accent-hover)}.rx-btn.rx-copied{background:var(--success);border-color:var(--success);color:var(--bg)}.rx-flags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.rx-flag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;cursor:pointer;transition:all var(--transition)}.rx-flag:hover{border-color:var(--accent-line)}.rx-flag input{margin:0;cursor:pointer;accent-color:var(--accent)}.rx-flag-code{font-family:var(--rx-font-mono);font-weight:700;color:var(--accent);padding:0 4px}.rx-flag-label{color:var(--text-muted)}.rx-block-list{display:flex;flex-direction:column;gap:10px}.rx-empty{padding:32px;text-align:center;color:var(--text-subtle);border:1px dashed var(--border);border-radius:var(--radius);font-size:.9rem}.rx-empty-inline{padding:8px 12px;color:var(--text-subtle);font-size:.82rem;font-style:italic}.rx-block{background:var(--rx-pill-bg);border:1px solid var(--rx-pill-border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.rx-block:hover{background:var(--rx-pill-bg-hover)}.rx-block.is-active{background:var(--accent-2-soft);border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2)}.rx-block .rx-block.is-active{background:color-mix(in srgb,var(--accent-2) 10%,transparent);border-color:color-mix(in srgb,var(--accent-2) 55%,transparent);box-shadow:none}.rx-block .rx-block .rx-block.is-active{background:color-mix(in srgb,var(--accent-2) 6%,transparent);border-color:color-mix(in srgb,var(--accent-2) 40%,transparent)}.rx-block input,.rx-block select,.rx-block textarea,.rx-block label,.rx-block button{cursor:auto}.rx-block button{cursor:pointer}.rx-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.rx-block-kind{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-hover)}.rx-block--anchor-start .rx-block-kind,.rx-block--anchor-end .rx-block-kind,.rx-block--boundary .rx-block-kind{color:var(--accent-2)}.rx-block-actions{display:flex;gap:4px}.rx-block-body{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rx-input{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.9rem;font-family:var(--rx-font-mono);min-width:120px}.rx-input:focus{outline:2px solid var(--accent-line);border-color:var(--accent)}.rx-input--text{flex:1;min-width:180px}.rx-input--sm{max-width:140px}.rx-input--xs{width:52px;text-align:center}.rx-num{width:64px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.85rem;font-family:var(--rx-font-mono)}.rx-dash{color:var(--text-muted);font-weight:600}.rx-check{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-muted);cursor:pointer;user-select:none}.rx-check input{margin:0;cursor:pointer;accent-color:var(--accent)}.rx-quant{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:.82rem;color:var(--text-muted)}.rx-quant-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.rx-children{width:100%;display:flex;flex-direction:column;gap:8px;padding:10px;margin-top:4px;background:var(--bg);border-radius:var(--radius);border:1px dashed var(--border)}.rx-add-nested{align-self:flex-start;padding:6px 12px;border:1px dashed var(--border);background:transparent;color:var(--text-muted);font-size:.8rem;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-family:inherit}.rx-add-nested:hover{color:var(--accent-hover);border-color:var(--accent-line);background:var(--accent-soft)}.rx-alt-option{width:100%;padding:10px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg)}.rx-alt-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:6px}.rx-alt-sep{display:flex;align-items:center;justify-content:center;width:100%;font-family:var(--rx-font-mono);font-weight:700;color:var(--accent);margin:2px 0}.rx-palette-overlay{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.rx-palette-overlay[hidden]{display:none}.rx-palette-panel{width:100%;max-width:520px;max-height:80vh;overflow-y:auto;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.rx-palette-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rx-palette-head h3{margin:0;font-size:1.05rem}.rx-palette-list{display:flex;flex-direction:column;gap:14px}.rx-palette-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rx-palette-divider{height:1px;background:var(--border);margin:4px 0}.rx-palette-item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition);font-family:inherit}.rx-palette-item:hover{border-color:var(--accent-line);background:var(--accent-soft)}.rx-palette-title{font-size:.88rem;font-weight:600;color:var(--text)}.rx-palette-hint{font-size:.76rem;color:var(--text-muted);line-height:1.35}.rx-count{font-size:.85rem;color:var(--accent-2);font-weight:600}.rx-test-input{width:100%;min-height:140px;padding:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius);font-family:var(--rx-font-mono);font-size:.9rem;resize:vertical;line-height:1.55}.rx-test-input:focus{outline:2px solid var(--accent-line);border-color:var(--accent)}.rx-test-output{margin-top:10px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--rx-font-mono);font-size:.9rem;white-space:pre-wrap;word-break:break-word;line-height:1.55;min-height:60px;overflow-x:auto}.rx-test-output .regexly-match{background:var(--rx-match-bg);color:inherit;padding:1px 2px;border-radius:var(--radius-sm);border-bottom:1px solid var(--rx-match-border)}.rx-groups-head{margin:16px 0 8px}.rx-groups{display:flex;flex-direction:column;gap:6px}.rx-group-item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem}.rx-group-label{font-family:var(--rx-font-mono);font-size:.78rem;color:var(--accent-hover);font-weight:600;min-width:80px}.rx-group-value{font-family:var(--rx-font-mono);color:var(--text);word-break:break-all}.rx-groups-empty{font-size:.82rem;color:var(--text-subtle);font-style:italic;padding:4px 0}.rx-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.rx-tab{padding:6px 12px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.82rem;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-family:inherit}.rx-tab:hover{color:var(--text);border-color:var(--accent-line)}.rx-tab.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.rx-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.rx-example-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius);cursor:pointer;text-align:left;transition:all var(--transition);font-family:inherit}.rx-example-card:hover{border-color:var(--accent-line);background:var(--accent-soft);transform:translateY(-1px)}.rx-example-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.rx-example-title{font-size:.9rem;font-weight:600}.rx-example-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.rx-example-sample{font-family:var(--rx-font-mono);font-size:.72rem;color:var(--text-subtle);margin-top:2px;padding:3px 6px;border-radius:var(--radius);background:color-mix(in srgb,var(--text-subtle) 8%,transparent);word-break:break-all;line-height:1.3;align-self:stretch}.rx-example-badge{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;line-height:1.4;flex-shrink:0;border:1px solid transparent}.rx-example-badge--contact{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.rx-example-badge--network{color:var(--accent-2);background:var(--accent-2-soft);border-color:color-mix(in srgb,var(--accent-2) 40%,transparent)}.rx-example-badge--dates{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent);border-color:var(--border)}.rx-example-badge--text{color:var(--accent-hover);background:var(--accent-soft);border-color:var(--accent-line)}.rx-example-badge--code{color:var(--accent-2-hover);background:var(--accent-2-soft);border-color:color-mix(in srgb,var(--accent-2) 40%,transparent)}.rx-landing h2{font-size:1.4rem;margin-bottom:8px}.rx-landing-sub{color:var(--text-muted);margin-bottom:24px}.rx-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:32px}.rx-feature-card{padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.rx-feature-card h3{font-size:.95rem;margin:0 0 6px}.rx-feature-card p{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.5}.rx-faq{margin-top:24px}.rx-faq h2{font-size:1.1rem;margin-bottom:12px}.rx-faq-item{border-top:1px solid var(--border)}.rx-faq-item:last-child{border-bottom:1px solid var(--border)}.rx-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:transparent;border:none;color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;font-family:inherit}.rx-faq-question svg{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition);flex-shrink:0}.rx-faq-item.is-open .rx-faq-question svg{transform:rotate(180deg)}.rx-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s var(--ease-out)}.rx-faq-item.is-open .rx-faq-answer{max-height:400px}.rx-faq-answer p{margin:0 0 14px;color:var(--text-muted);font-size:.88rem;line-height:1.55}@media(max-width:640px){.regexly-main{padding:72px 14px 32px;gap:18px}.rx-section{padding:16px}.rx-pattern-row .rx-btn{width:100%;margin-left:0;justify-content:center}.rx-palette-group,.rx-examples-grid{grid-template-columns:1fr}.rx-pattern-sticky{position:static;top:auto}.rx-pattern-sticky .rx-pattern-panel{box-shadow:none}}@media(prefers-reduced-motion:reduce){.rx-block,.rx-btn,.rx-example-card,.rx-tab,.rx-faq-question svg{transition:none}.rx-example-card:hover{transform:none}}