.rule-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.rule-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary-500);opacity:.4;transition:opacity var(--transition-fast)}.rule-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.rule-card:hover:before{opacity:1}.rule-card.has-error{border-color:var(--color-accent-red)}.rule-card.has-error:before{background:var(--color-accent-red);opacity:1}.rule-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-bg-700)}.rule-number{font-size:var(--text-xs);font-weight:600;color:#fff;background:var(--color-primary-500);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase}.rule-delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-400);background:none;border:1px solid transparent;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--text-lg);line-height:1}.rule-delete:hover{color:var(--color-accent-red);background:#ef44440f;border-color:#ef444426}.rule-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.rule-field{display:flex;flex-direction:column;gap:var(--space-2)}.rule-field label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-300);text-transform:uppercase;letter-spacing:.05em}.rule-field input[type=text],.rule-field select{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-100);background:var(--color-bg-800);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast);width:100%;box-sizing:border-box;-webkit-appearance:none}.rule-field select{font-family:var(--font-sans);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:var(--space-8);cursor:pointer}.rule-field input[type=text]:hover,.rule-field select:hover{border-color:var(--color-border-hover)}.rule-field input[type=text]:focus,.rule-field select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #18181b0f;background:#fff}.rule-field input[type=text]::placeholder{color:var(--color-text-400);font-style:italic}.rule-field-full{grid-column:1 / -1}.rule-options{display:flex;align-items:center;gap:var(--space-4);margin-top:0;padding-top:var(--space-3)}.rule-option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--color-text-300);cursor:pointer;user-select:none}.rule-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary-500);cursor:pointer;border-radius:3px}.rule-error{font-size:var(--text-xs);color:var(--color-accent-red);margin-top:var(--space-2)}.rule-preview{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-code-bg);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:#94a3b8;overflow-x:auto;white-space:nowrap}.rule-preview .rp-source{color:#7dd3fc}.rule-preview .rp-dest{color:#86efac}.rule-preview .rp-status{color:#fde68a}.rule-preview .rp-force{color:#fca5a5}.tool-header[data-astro-cid-gesmsgze]{text-align:center;margin-bottom:var(--space-12)}.tool-breadcrumb[data-astro-cid-gesmsgze]{font-size:var(--text-sm);color:var(--color-text-400);text-decoration:none;display:inline-block;margin-bottom:var(--space-4)}.tool-breadcrumb[data-astro-cid-gesmsgze]:hover{color:var(--color-text-200)}.tool-header[data-astro-cid-gesmsgze] h1[data-astro-cid-gesmsgze]{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.tool-subtitle[data-astro-cid-gesmsgze]{font-size:var(--text-lg);color:var(--color-text-300);max-width:640px;margin:0 auto;line-height:var(--leading-relaxed)}.tool-layout[data-astro-cid-gesmsgze]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-16)}@media(max-width:900px){.tool-layout[data-astro-cid-gesmsgze]{grid-template-columns:1fr}}.tool-editor[data-astro-cid-gesmsgze]{display:flex;flex-direction:column;gap:var(--space-4)}.editor-header[data-astro-cid-gesmsgze]{display:flex;align-items:center;justify-content:space-between}.editor-header[data-astro-cid-gesmsgze] h2[data-astro-cid-gesmsgze]{font-size:var(--text-lg);font-weight:600}.editor-actions[data-astro-cid-gesmsgze]{display:flex;gap:var(--space-2)}.btn-sm[data-astro-cid-gesmsgze]{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.preset-dropdown[data-astro-cid-gesmsgze]{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.preset-item[data-astro-cid-gesmsgze]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-200);background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;transition:background var(--transition-fast);gap:var(--space-4)}.preset-item[data-astro-cid-gesmsgze]:last-child{border-bottom:none}.preset-item[data-astro-cid-gesmsgze]:hover{background:var(--color-bg-800)}.preset-item[data-astro-cid-gesmsgze] span[data-astro-cid-gesmsgze]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-400);white-space:nowrap}.rules-list[data-astro-cid-gesmsgze]{display:flex;flex-direction:column;gap:var(--space-4)}.empty-state[data-astro-cid-gesmsgze]{text-align:center;padding:var(--space-12) var(--space-8);background:var(--color-bg-800);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-400);font-size:var(--text-sm)}.tool-output[data-astro-cid-gesmsgze]{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:calc(var(--nav-height) + var(--space-4));align-self:start}@media(max-width:900px){.tool-output[data-astro-cid-gesmsgze]{position:static}}.platform-selector[data-astro-cid-gesmsgze] label[data-astro-cid-gesmsgze]{font-size:var(--text-xs);font-weight:500;color:var(--color-text-400);display:block;margin-bottom:var(--space-2)}.platform-tabs[data-astro-cid-gesmsgze]{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.platform-tab[data-astro-cid-gesmsgze]{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:500;color:var(--color-text-300);background:#fff;border:none;border-right:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.platform-tab[data-astro-cid-gesmsgze]:last-child{border-right:none}.platform-tab[data-astro-cid-gesmsgze]:hover{background:var(--color-bg-800);color:var(--color-text-200)}.platform-tab[data-astro-cid-gesmsgze].active{background:var(--color-primary-500);color:#fff}.platform-warnings[data-astro-cid-gesmsgze]{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-text-200);line-height:1.6}.platform-warnings[data-astro-cid-gesmsgze] ul[data-astro-cid-gesmsgze]{margin:var(--space-1) 0 0;padding-left:var(--space-5)}.output-section[data-astro-cid-gesmsgze]{border:1px solid var(--color-code-border);border-radius:var(--radius-lg);overflow:hidden}.output-header[data-astro-cid-gesmsgze]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-700);border-bottom:1px solid var(--color-code-border)}.output-filename[data-astro-cid-gesmsgze]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-300)}.output-code[data-astro-cid-gesmsgze]{background:var(--color-code-bg);color:#e2e8f0;padding:var(--space-4)!important;margin:0!important;font-size:var(--text-sm)!important;line-height:1.8;overflow-x:auto;min-height:120px;max-height:400px;overflow-y:auto}.tester-section[data-astro-cid-gesmsgze]{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.tester-section[data-astro-cid-gesmsgze] h3[data-astro-cid-gesmsgze]{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.tester-input[data-astro-cid-gesmsgze]{display:flex;gap:var(--space-2)}.tester-input[data-astro-cid-gesmsgze] .input[data-astro-cid-gesmsgze]{flex:1;font-family:var(--font-mono)}.tester-result[data-astro-cid-gesmsgze]{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-mono);line-height:1.6}.tester-result[data-astro-cid-gesmsgze].match{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:var(--color-text-200)}.tester-result[data-astro-cid-gesmsgze].no-match{background:var(--color-bg-800);border:1px solid var(--color-border);color:var(--color-text-300)}.validation-section[data-astro-cid-gesmsgze]{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.validation-section[data-astro-cid-gesmsgze] h3[data-astro-cid-gesmsgze]{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.validation-msg[data-astro-cid-gesmsgze]{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);padding:var(--space-2) 0;color:var(--color-text-300);line-height:1.5}.validation-msg[data-astro-cid-gesmsgze].warning{color:var(--color-accent-amber)}.validation-msg[data-astro-cid-gesmsgze].error{color:var(--color-accent-red)}.validation-msg[data-astro-cid-gesmsgze].info{color:var(--color-link)}.reference-section[data-astro-cid-gesmsgze]{margin-bottom:var(--space-16)}.reference-section[data-astro-cid-gesmsgze] h2[data-astro-cid-gesmsgze]{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-8)}.reference-grid[data-astro-cid-gesmsgze]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:900px){.reference-grid[data-astro-cid-gesmsgze]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.reference-grid[data-astro-cid-gesmsgze]{grid-template-columns:1fr}}.reference-card[data-astro-cid-gesmsgze]{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.reference-card[data-astro-cid-gesmsgze] h3[data-astro-cid-gesmsgze]{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.reference-card[data-astro-cid-gesmsgze] pre[data-astro-cid-gesmsgze]{background:var(--color-code-bg);color:#e2e8f0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-xs);overflow-x:auto;margin-bottom:var(--space-3)}.reference-card[data-astro-cid-gesmsgze] p[data-astro-cid-gesmsgze]{font-size:var(--text-xs);color:var(--color-text-400);line-height:1.6}.comparison-table-wrap[data-astro-cid-gesmsgze]{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.comparison-table[data-astro-cid-gesmsgze]{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.comparison-table[data-astro-cid-gesmsgze] th[data-astro-cid-gesmsgze]{background:var(--color-bg-800);padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--color-text-300);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap}.comparison-table[data-astro-cid-gesmsgze] td[data-astro-cid-gesmsgze]{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-300);vertical-align:top}.comparison-table[data-astro-cid-gesmsgze] tr[data-astro-cid-gesmsgze]:last-child td[data-astro-cid-gesmsgze]{border-bottom:none}.comparison-table[data-astro-cid-gesmsgze] td[data-astro-cid-gesmsgze]:first-child{font-weight:500;color:var(--color-text-200);white-space:nowrap}.tool-cta[data-astro-cid-gesmsgze]{text-align:center;padding:var(--space-16) var(--space-8);background:var(--color-bg-800);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.tool-cta[data-astro-cid-gesmsgze] h2[data-astro-cid-gesmsgze]{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4)}.tool-cta[data-astro-cid-gesmsgze] p[data-astro-cid-gesmsgze]{color:var(--color-text-300);max-width:500px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed)}