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