@layer starlight.components{.main-frame,.main-pane,.content-panel,.sl-markdown-content{width:100%!important;max-width:100%!important}.regex-tool:where(.astro-nwiabtvt){width:100%;max-width:1700px;color:var(--sl-color-text);flex-direction:column;gap:1.4rem;margin:0;display:flex}.tool-top:where(.astro-nwiabtvt),.editor-card:where(.astro-nwiabtvt),.output-grid:where(.astro-nwiabtvt),.meta-card:where(.astro-nwiabtvt),.error-box:where(.astro-nwiabtvt){margin:0}.workspace-card:where(.astro-nwiabtvt),.meta-card:where(.astro-nwiabtvt){border:1px solid var(--sl-color-gray-6);width:100%;box-shadow:none;background:linear-gradient(#ffffff05,#ffffff03);border-radius:16px;flex-direction:column;margin-top:0;display:flex;position:relative;overflow:hidden;transform:none}.workspace-card:where(.astro-nwiabtvt){flex-direction:column;gap:1rem;padding:1rem;display:flex}.workspace-top:where(.astro-nwiabtvt){grid-template-columns:2fr auto;align-items:end;gap:1rem;display:grid}.pattern-wrap:where(.astro-nwiabtvt),.flags-section:where(.astro-nwiabtvt){flex:1}.flags-section:where(.astro-nwiabtvt){flex-direction:column;gap:.5rem;display:flex}.flags-row:where(.astro-nwiabtvt){justify-content:space-between;align-items:center;gap:1rem;display:flex}.tool-actions:where(.astro-nwiabtvt){align-items:center;gap:.75rem;margin-left:auto;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.test-area:where(.astro-nwiabtvt){flex-direction:column;gap:.25rem;display:flex}.output-grid:where(.astro-nwiabtvt){grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.input-label:where(.astro-nwiabtvt){font-size:15px}.output-grid:where(.astro-nwiabtvt) .editor-card:where(.astro-nwiabtvt){height:280px}input:where(.astro-nwiabtvt),textarea:where(.astro-nwiabtvt),pre:where(.astro-nwiabtvt){box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem;line-height:1.4;color:var(--sl-color-text)!important}input:where(.astro-nwiabtvt),textarea:where(.astro-nwiabtvt){border:1px solid var(--sl-color-gray-6);border-radius:12px;transition:border-color .2s,background .2s}input:where(.astro-nwiabtvt):focus,textarea:where(.astro-nwiabtvt):focus{border-color:var(--sl-color-accent);background:var(--sl-color-bg)}input:where(.astro-nwiabtvt)::placeholder,textarea:where(.astro-nwiabtvt)::placeholder{color:var(--sl-color-gray-4)}input:where(.astro-nwiabtvt){width:800px;height:46px;padding:0 .9rem}textarea:where(.astro-nwiabtvt){resize:vertical;min-height:120px;caret-color:var(--sl-color-accent);padding:.75rem}.pattern-row:where(.astro-nwiabtvt){justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.pattern-wrap:where(.astro-nwiabtvt){flex-direction:column;flex:1;display:flex}.pattern-wrap:where(.astro-nwiabtvt) input:where(.astro-nwiabtvt){width:700px;height:46px}.replace-wrap:where(.astro-nwiabtvt){border-bottom:1px solid var(--sl-color-gray-6);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.replace-wrap:where(.astro-nwiabtvt) input:where(.astro-nwiabtvt){flex:1}.replace-wrap:where(.astro-nwiabtvt) button:where(.astro-nwiabtvt){flex-shrink:0}.replace-output:where(.astro-nwiabtvt){min-height:140px;padding:1rem;overflow:auto}#replaceOutput:where(.astro-nwiabtvt){min-height:120px;margin:0;padding:1rem}.stats-bar:where(.astro-nwiabtvt){border:1px solid var(--sl-color-gray-6);background:#03030308;border-radius:12px;justify-content:space-between;margin-top:0;padding:1rem;font-size:14px;font-weight:400;display:flex}.stats-bar:where(.astro-nwiabtvt) .stat:where(.astro-nwiabtvt){border-radius:4px;margin:0;padding:0;line-height:.5}.stats-bar:where(.astro-nwiabtvt) .input-stat:where(.astro-nwiabtvt){font-size:14px;font-weight:400;transform:translateY(0)}.matches-container:where(.astro-nwiabtvt){flex-direction:column;gap:.75rem;height:100%;padding:1rem;display:flex;overflow:auto}.match-item:where(.astro-nwiabtvt){border-radius:12px}.match-value:where(.astro-nwiabtvt){padding:.9rem 1rem}.empty-state:where(.astro-nwiabtvt){color:var(--sl-color-gray-4);text-align:center;padding:1rem;font-size:.95rem}.flags-wrap:where(.astro-nwiabtvt){flex-wrap:wrap;gap:.5rem;display:flex}.flag-btn:where(.astro-nwiabtvt){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7);width:42px;height:38px;color:var(--sl-color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s,transform .15s;display:flex}.flag-btn:where(.astro-nwiabtvt):hover{border-color:var(--sl-color-accent);background:#6366f114}.flag-btn:where(.astro-nwiabtvt).active{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:#fff;font-weight:700}.flag-btn:where(.astro-nwiabtvt).active:hover{background:var(--sl-color-accent)}.flag-btn:where(.astro-nwiabtvt):active{transform:scale(.96)}.flag-btn:where(.astro-nwiabtvt):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.toast:where(.astro-nwiabtvt){color:#fff;opacity:0;visibility:hidden;z-index:99999;background:#dc2626;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;min-width:320px;max-width:420px;padding:14px 18px;transition:all .25s;display:flex;position:fixed;top:20px;right:20px;transform:translateY(-16px);box-shadow:0 12px 30px #00000040}.toast:where(.astro-nwiabtvt).show{opacity:1;visibility:visible;transform:translateY(0)}.toast:where(.astro-nwiabtvt) button:where(.astro-nwiabtvt){color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}}@media (width<=768px){.regex-tool:where(.astro-nwiabtvt){box-sizing:border-box;gap:1rem;width:100%;max-width:100%;padding:0}.workspace-card:where(.astro-nwiabtvt),.meta-card:where(.astro-nwiabtvt){box-sizing:border-box;border-radius:14px;width:100%;max-width:100%;padding:.85rem}.workspace-top:where(.astro-nwiabtvt){grid-template-columns:1fr;align-items:stretch;gap:.85rem}.pattern-row:where(.astro-nwiabtvt){flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.pattern-wrap:where(.astro-nwiabtvt){width:100%;min-width:0;max-width:100%}.pattern-wrap:where(.astro-nwiabtvt) input:where(.astro-nwiabtvt),input:where(.astro-nwiabtvt){box-sizing:border-box;width:100%;min-width:0;max-width:100%}.tool-actions:where(.astro-nwiabtvt){box-sizing:border-box;flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:100%;margin-left:0}.flags-section:where(.astro-nwiabtvt){width:100%;min-width:0;max-width:100%}.flags-row:where(.astro-nwiabtvt){flex-direction:column;align-items:stretch;gap:.75rem}.flags-wrap:where(.astro-nwiabtvt){width:100%;max-width:100%}.flag-btn:where(.astro-nwiabtvt){flex:0 0 42px}.output-grid:where(.astro-nwiabtvt){box-sizing:border-box;grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%}.output-grid:where(.astro-nwiabtvt) .editor-card:where(.astro-nwiabtvt){box-sizing:border-box;width:100%;max-width:100%;height:260px;min-height:260px}.test-area:where(.astro-nwiabtvt){width:100%;min-width:0;max-width:100%}textarea:where(.astro-nwiabtvt){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:130px}.replace-wrap:where(.astro-nwiabtvt){box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:.65rem!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:.75rem!important;display:flex!important;overflow:hidden!important}.replace-wrap:where(.astro-nwiabtvt) input:where(.astro-nwiabtvt){box-sizing:border-box!important;flex:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;margin:0!important;display:block!important}.replace-wrap:where(.astro-nwiabtvt) button:where(.astro-nwiabtvt){box-sizing:border-box!important;flex:none!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}.replace-output:where(.astro-nwiabtvt){box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:120px!important;max-height:240px!important;margin:0!important;padding:.75rem!important;overflow:auto!important}#replaceOutput:where(.astro-nwiabtvt){box-sizing:border-box!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:100px!important;max-height:220px!important;margin:0!important;padding:.75rem!important;overflow:auto!important}.stats-bar:where(.astro-nwiabtvt){box-sizing:border-box;flex-direction:column;gap:.75rem;width:100%;max-width:100%;padding:.85rem}.stats-bar:where(.astro-nwiabtvt) .stat:where(.astro-nwiabtvt){line-height:1.2}.matches-container:where(.astro-nwiabtvt){box-sizing:border-box;gap:.6rem;width:100%;max-width:100%;padding:.75rem}.match-value:where(.astro-nwiabtvt){word-break:break-word;overflow-wrap:anywhere;padding:.75rem}.toast:where(.astro-nwiabtvt){box-sizing:border-box;width:auto;min-width:0;max-width:none;top:12px;left:12px;right:12px}}@media (width<=480px){.regex-tool:where(.astro-nwiabtvt){gap:.75rem;width:100%;max-width:100%}.workspace-card:where(.astro-nwiabtvt),.meta-card:where(.astro-nwiabtvt){border-radius:12px;width:100%;max-width:100%;padding:.7rem}.tool-actions:where(.astro-nwiabtvt){gap:.5rem}.tool-actions:where(.astro-nwiabtvt) button:where(.astro-nwiabtvt){flex:1;min-width:0}.flags-wrap:where(.astro-nwiabtvt){gap:.4rem}.flag-btn:where(.astro-nwiabtvt){flex-basis:38px;width:38px;height:36px}.output-grid:where(.astro-nwiabtvt){width:100%;max-width:100%}.output-grid:where(.astro-nwiabtvt) .editor-card:where(.astro-nwiabtvt){width:100%;max-width:100%;height:240px;min-height:240px}input:where(.astro-nwiabtvt){height:42px}textarea:where(.astro-nwiabtvt){min-height:115px}.replace-wrap:where(.astro-nwiabtvt){gap:.5rem!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:.65rem!important}.replace-wrap:where(.astro-nwiabtvt) input:where(.astro-nwiabtvt){flex:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:40px!important}.replace-wrap:where(.astro-nwiabtvt) button:where(.astro-nwiabtvt){flex:none!important;width:100%!important;min-width:0!important;max-width:100%!important}.replace-output:where(.astro-nwiabtvt){width:100%!important;min-width:0!important;max-width:100%!important;min-height:100px!important;max-height:180px!important;padding:.65rem!important;overflow:auto!important}#replaceOutput:where(.astro-nwiabtvt){white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:85px!important;max-height:160px!important;padding:.65rem!important;font-size:.85rem!important;line-height:1.4!important;overflow:auto!important}.stats-bar:where(.astro-nwiabtvt){width:100%;max-width:100%;padding:.7rem;font-size:13px}.toast:where(.astro-nwiabtvt){padding:12px 14px;font-size:14px}}h1#_top{margin-bottom:.5rem!important}.tool-top{margin-bottom:0}