.main{display:grid;gap:var(--spacing-xl)}@media (min-width:900px){.main{grid-template-columns:1fr 1fr;align-items:start}}.regex-input-wrapper{margin-bottom:var(--spacing-lg)}.regex-input-row{display:flex;align-items:center;background:#0d1117;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.regex-input-row:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-muted)}.regex-input-row .regex-delimiter{padding:var(--spacing-sm) var(--spacing-sm);color:var(--color-text-muted);font-family:Consolas,Monaco,'Courier New',monospace;font-size:1rem;font-weight:600;user-select:none;background:rgba(255,255,255,.03)}.regex-input-row .regex-input{flex:1;border:none;background:0 0;color:var(--color-text);font-family:Consolas,Monaco,'Courier New',monospace;font-size:.95rem;padding:var(--spacing-sm) var(--spacing-xs);outline:0;min-width:0}.regex-input-row .regex-input::placeholder{color:#484f58}.regex-flags-display{padding:var(--spacing-sm) var(--spacing-sm);color:var(--color-primary);font-family:Consolas,Monaco,'Courier New',monospace;font-size:.9rem;font-weight:600;letter-spacing:1px;background:var(--color-primary-muted);border-left:1px solid var(--color-border)}.btn-copy-regex,.btn-copy-replace{padding:var(--spacing-sm) var(--spacing-md);background:0 0;color:var(--color-text-muted);border:none;border-left:1px solid var(--color-border);font-size:.8rem;font-family:inherit;font-weight:500;cursor:pointer;transition:color .2s,background .2s;white-space:nowrap}.btn-copy-regex:hover,.btn-copy-replace:hover{color:var(--color-primary);background:var(--color-primary-muted)}.regex-input-row:has(.input-error),.regex-input.input-error{border-color:var(--color-danger)!important}.regex-input-row:has(.input-error){box-shadow:0 0 0 3px var(--color-danger-bg)!important}.flags-area{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.flag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-body);border:1px solid var(--color-border);border-radius:20px;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s;color:var(--color-text-muted)}.flag-chip:hover{border-color:var(--color-primary);color:var(--color-text)}.flag-chip.active{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.flag-letter{font-family:Consolas,Monaco,'Courier New',monospace;font-weight:700;font-size:.95rem}.flag-desc{font-size:.75rem;font-weight:500}.campo textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:Consolas,Monaco,'Courier New',monospace;background:#0d1117;color:#c9d1d9;resize:vertical;min-height:200px;line-height:1.6;tab-size:2;transition:border-color .2s,box-shadow .2s}.campo textarea:focus{outline:0;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-muted)}.campo textarea::placeholder{color:#484f58}.replace-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;font-family:Consolas,Monaco,'Courier New',monospace;background:#0d1117;color:#c9d1d9;transition:border-color .2s,box-shadow .2s}.replace-input:focus{outline:0;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-muted)}.replace-input::placeholder{color:#484f58}.error-msg{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-left:4px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:.9rem;font-family:Consolas,Monaco,'Courier New',monospace;line-height:1.5}.error-msg strong{color:#fca5a5}.resultado-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.resultado-header h2{margin-bottom:0}.stats-info{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.stat-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.highlighted-output{background:#0d1117;border:1px solid #21262d;border-radius:var(--radius-md);padding:var(--spacing-md);min-height:150px;max-height:400px;overflow:auto;font-family:Consolas,Monaco,'Courier New',monospace;font-size:.875rem;line-height:1.7;color:#c9d1d9;white-space:pre-wrap;word-break:break-word}.highlighted-output .placeholder-text{color:#484f58;font-style:italic}.highlighted-output .error-text{color:var(--color-danger);font-style:italic}.highlighted-output mark.highlight{background:rgba(250,204,21,.35);color:#fbbf24;border-radius:2px;padding:1px 0;border-bottom:2px solid #fbbf24}.matches-list{max-height:400px;overflow:auto}.matches-list .placeholder-text{color:#484f58;font-style:italic;font-size:.9rem}.match-item{background:#0d1117;border:1px solid #21262d;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);transition:border-color .2s}.match-item:hover{border-color:var(--color-primary)}.match-header{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.match-index{font-family:Consolas,Monaco,'Courier New',monospace;font-size:.75rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-muted);padding:2px 8px;border-radius:4px}.match-value{font-family:Consolas,Monaco,'Courier New',monospace;font-size:.85rem;color:#fbbf24;font-weight:600;word-break:break-all}.match-pos{font-size:.75rem;color:var(--color-text-muted);margin-left:auto;font-family:Consolas,Monaco,'Courier New',monospace}.match-groups{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid #21262d}.match-group{font-size:.78rem;color:var(--color-text-secondary);font-family:Consolas,Monaco,'Courier New',monospace}.match-group strong{color:#7ee787}.replace-result-wrapper{position:relative;background:#0d1117;border:1px solid #21262d;border-radius:var(--radius-md);overflow:hidden}.replace-result{padding:var(--spacing-md);padding-right:80px;margin:0;font-family:Consolas,Monaco,'Courier New',monospace;font-size:.875rem;line-height:1.6;color:#c9d1d9;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto}.btn-copy-replace{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);border-left:none!important;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 10px}.cheatsheet-section,.examples-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.cheatsheet-section h2,.examples-section h2{font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.cheatsheet-section .subtitle,.examples-section .subtitle{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.example-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;text-align:left;transition:all .2s}.example-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.example-icon{font-size:1.5rem;line-height:1}.example-name{font-weight:600;color:var(--color-text);font-size:.95rem}.example-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.example-card:hover .example-name{color:var(--color-primary)}.cheatsheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md)}.cheatsheet-card{background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.cheatsheet-card h3{font-size:.95rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.cheatsheet-table{width:100%;border-collapse:collapse}.cheatsheet-table td{padding:4px 8px;font-size:.85rem;color:var(--color-text-secondary);border-bottom:1px solid rgba(51,65,85,.4);vertical-align:top}.cheatsheet-table td:first-child{font-family:Consolas,Monaco,'Courier New',monospace;color:#fbbf24;font-weight:600;width:70px;white-space:nowrap}.cheatsheet-table tr:last-child td{border-bottom:none}.cheatsheet-table code{font-family:Consolas,Monaco,'Courier New',monospace;font-size:.85rem}.oculto{display:none!important}@media (max-width:700px){.main{grid-template-columns:1fr}.flags-area{gap:var(--spacing-xs)}.flag-chip{padding:4px 10px;font-size:.8rem}.flag-desc{display:none}.campo textarea,.highlighted-output{min-height:120px;font-size:.8rem}.resultado-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.examples-grid{grid-template-columns:1fr}.cheatsheet-grid{grid-template-columns:1fr}.match-header{flex-direction:column;align-items:flex-start;gap:2px}.match-pos{margin-left:0}}@media (max-width:400px){.regex-input-row{flex-wrap:wrap}.regex-flags-display{border-left:none;border-top:1px solid var(--color-border);width:100%;text-align:center}}@media print{body{background:#fff;font-size:12pt;color:#000}.container{max-width:none}.breadcrumb,.cheatsheet-section,.examples-section,.footer,.formulario{display:none!important}.resultado{box-shadow:none;padding:0;background:#fff;border:none}.highlighted-output{background:#f9f9f9;color:#000;border:1px solid #ccc}.highlighted-output mark.highlight{background:#ffeb3b;color:#000;border-bottom-color:#fbc02d}.match-item{background:#f5f5f5;border-color:#ddd}.match-value{color:#000}.match-index{background:#e0f7fa;color:#006064}}