.container.svelte-pglt6b.svelte-pglt6b{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.page-header.svelte-pglt6b.svelte-pglt6b{text-align:center;margin-bottom:3rem}.page-title.svelte-pglt6b.svelte-pglt6b{font-size:2.5rem;font-weight:700;color:#f1f5f9;margin-bottom:1rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-description.svelte-pglt6b.svelte-pglt6b{font-size:1.125rem;color:#cbd5e1;max-width:600px;margin:0 auto;line-height:1.6}.tool-content.svelte-pglt6b.svelte-pglt6b{display:grid;grid-template-columns:1fr;gap:2rem}.input-section.svelte-pglt6b.svelte-pglt6b{background:rgba(30,41,59,.5);border-radius:1rem;padding:2rem;border:1px solid #334155}.regex-section.svelte-pglt6b.svelte-pglt6b{margin-bottom:2rem}.regex-input-wrapper.svelte-pglt6b.svelte-pglt6b{display:flex;align-items:center;background:#1e293b;border:1px solid #475569;border-radius:.5rem;padding:.5rem;transition:border-color .2s ease}.regex-input-wrapper.svelte-pglt6b.svelte-pglt6b:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.regex-delimiter.svelte-pglt6b.svelte-pglt6b{color:#94a3b8;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:1.125rem;font-weight:600}.regex-input.svelte-pglt6b.svelte-pglt6b{flex:1;background:transparent;border:none;padding:.5rem;color:#f1f5f9;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem}.regex-input.svelte-pglt6b.svelte-pglt6b:focus{outline:none}.regex-input.svelte-pglt6b.svelte-pglt6b::placeholder{color:#64748b}.flags-input.svelte-pglt6b.svelte-pglt6b{width:60px;background:transparent;border:none;padding:.5rem;color:#f1f5f9;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;text-align:center}.flags-input.svelte-pglt6b.svelte-pglt6b:focus{outline:none}.flags-input.svelte-pglt6b.svelte-pglt6b::placeholder{color:#64748b}.input-label.svelte-pglt6b.svelte-pglt6b{display:block;font-size:1.125rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.text-input.svelte-pglt6b.svelte-pglt6b{width:100%;padding:1rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;resize:vertical;transition:border-color .2s ease}.text-input.svelte-pglt6b.svelte-pglt6b:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.text-input.svelte-pglt6b.svelte-pglt6b::placeholder{color:#64748b}.error-message.svelte-pglt6b.svelte-pglt6b{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem;background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:.5rem;color:#fca5a5;font-size:.9rem}.error-icon.svelte-pglt6b.svelte-pglt6b{font-size:1.125rem}.error-text.svelte-pglt6b.svelte-pglt6b{font-weight:600}.test-section.svelte-pglt6b.svelte-pglt6b,.patterns-section.svelte-pglt6b.svelte-pglt6b,.samples-section.svelte-pglt6b.svelte-pglt6b{margin-bottom:2rem}.section-title.svelte-pglt6b.svelte-pglt6b{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.patterns-grid.svelte-pglt6b.svelte-pglt6b{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.samples-grid.svelte-pglt6b.svelte-pglt6b{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.pattern-button.svelte-pglt6b.svelte-pglt6b,.sample-button.svelte-pglt6b.svelte-pglt6b{padding:.5rem .75rem;background:rgba(15,23,42,.8);border:1px solid #475569;border-radius:.5rem;color:#cbd5e1;font-size:.85rem;cursor:pointer;transition:all .2s ease}.pattern-button.svelte-pglt6b.svelte-pglt6b:hover,.sample-button.svelte-pglt6b.svelte-pglt6b:hover{background:rgba(59,130,246,.1);border-color:#60a5fa;color:#f1f5f9}.controls.svelte-pglt6b.svelte-pglt6b{display:flex;gap:1rem}.clear-button.svelte-pglt6b.svelte-pglt6b{flex:1;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.clear-button.svelte-pglt6b.svelte-pglt6b:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.clear-button.svelte-pglt6b.svelte-pglt6b:active{transform:translateY(0)}.copy-button.svelte-pglt6b.svelte-pglt6b{padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;font-size:.85rem}.copy-button.svelte-pglt6b.svelte-pglt6b:disabled{opacity:.5;cursor:not-allowed;transform:none}.copy-button.svelte-pglt6b.svelte-pglt6b:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.copy-button.svelte-pglt6b.svelte-pglt6b:not(:disabled):active{transform:translateY(0)}.output-section.svelte-pglt6b.svelte-pglt6b{background:rgba(30,41,59,.5);border-radius:1rem;padding:2rem;border:1px solid #334155}.matches-header.svelte-pglt6b.svelte-pglt6b{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.output-title.svelte-pglt6b.svelte-pglt6b{font-size:1.5rem;font-weight:700;color:#f1f5f9}.match-count.svelte-pglt6b.svelte-pglt6b{padding:.5rem 1rem;background:rgba(59,130,246,.1);border:1px solid #60a5fa;border-radius:.5rem;color:#93c5fd;font-weight:600;font-size:.9rem}.results-title.svelte-pglt6b.svelte-pglt6b{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.highlighted-text.svelte-pglt6b.svelte-pglt6b{margin-bottom:2rem}.highlight-output.svelte-pglt6b.svelte-pglt6b{background:rgba(15,23,42,.8);border:1px solid #475569;border-radius:.5rem;padding:1rem;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.5;color:#f1f5f9;white-space:pre-wrap;word-break:break-word}.regex-match{background:rgba(34,197,94,.3);border:1px solid #22c55e;border-radius:3px;padding:1px 3px;color:#86efac;font-weight:600}.matches-list.svelte-pglt6b.svelte-pglt6b{margin-bottom:2rem}.match-item.svelte-pglt6b.svelte-pglt6b{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.match-header.svelte-pglt6b.svelte-pglt6b{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.match-number.svelte-pglt6b.svelte-pglt6b{font-weight:600;color:#60a5fa}.match-position.svelte-pglt6b.svelte-pglt6b{font-size:.85rem;color:#94a3b8}.match-value.svelte-pglt6b.svelte-pglt6b,.match-groups.svelte-pglt6b.svelte-pglt6b,.named-groups.svelte-pglt6b.svelte-pglt6b{margin-bottom:.5rem;font-size:.9rem;color:#cbd5e1}.group-item.svelte-pglt6b.svelte-pglt6b{display:inline-block;margin-right:1rem;margin-bottom:.25rem;padding:.25rem .5rem;background:rgba(96,165,250,.1);border-radius:.25rem;font-size:.8rem;color:#93c5fd}.no-matches.svelte-pglt6b.svelte-pglt6b{text-align:center;padding:3rem 1rem;color:#94a3b8}.no-matches-icon.svelte-pglt6b.svelte-pglt6b{font-size:3rem;margin-bottom:1rem}.no-matches-text.svelte-pglt6b.svelte-pglt6b{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.no-matches-hint.svelte-pglt6b.svelte-pglt6b{font-size:.9rem;color:#64748b}.placeholder.svelte-pglt6b.svelte-pglt6b{color:#64748b;font-style:italic;text-align:center;padding:3rem 1rem;font-size:1.125rem}.regex-info.svelte-pglt6b.svelte-pglt6b{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1rem}.info-title.svelte-pglt6b.svelte-pglt6b{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:.75rem}.flags-reference.svelte-pglt6b.svelte-pglt6b{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.flag-item.svelte-pglt6b.svelte-pglt6b{font-size:.85rem;color:#cbd5e1}.flag-item.svelte-pglt6b code.svelte-pglt6b{background:rgba(96,165,250,.1);color:#60a5fa;padding:.125rem .25rem;border-radius:.25rem;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;margin-right:.5rem}@media (min-width: 1024px){.tool-content.svelte-pglt6b.svelte-pglt6b{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.container.svelte-pglt6b.svelte-pglt6b{padding:1rem}.page-title.svelte-pglt6b.svelte-pglt6b{font-size:2rem}.input-section.svelte-pglt6b.svelte-pglt6b,.output-section.svelte-pglt6b.svelte-pglt6b{padding:1.5rem}.matches-header.svelte-pglt6b.svelte-pglt6b,.match-header.svelte-pglt6b.svelte-pglt6b{flex-direction:column;align-items:stretch}.patterns-grid.svelte-pglt6b.svelte-pglt6b,.samples-grid.svelte-pglt6b.svelte-pglt6b,.flags-reference.svelte-pglt6b.svelte-pglt6b{grid-template-columns:1fr}}