:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #141414;--color-bg-tertiary: #1f1f1f;--color-accent: #ff7518;--color-accent-hover: #ff8c40;--color-text-primary: #e0e0e0;--color-text-secondary: #888888;--color-border: #2a2a2a;--color-success: #4caf50;--color-error: #f44336;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-lg: 18px;--spacing-xs: 4px;--spacing-sm: 12px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--app-gap: 8px;--pane-gap: 8px;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--glass-bg: rgba(20, 20, 20, .8);--glass-border: rgba(255, 255, 255, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--color-text-primary);background:var(--color-bg-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border)}.input{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-family:inherit;width:100%}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #ff751833}.label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.rule-manager[data-v-20a12d73]{display:flex;flex-direction:column;height:100%;padding:var(--spacing-md)}.rules-header[data-v-20a12d73]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}h2[data-v-20a12d73]{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.add-rule-form[data-v-20a12d73]{display:flex;gap:var(--spacing-sm);flex:1;justify-content:flex-end}.rule-select[data-v-20a12d73]{width:150px}.rule-input[data-v-20a12d73]{width:200px}.rules-list[data-v-20a12d73]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.empty-state[data-v-20a12d73]{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);background-color:#ffffff05;border-radius:var(--radius-md);border:1px dashed var(--color-border)}.rule-item[data-v-20a12d73]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .2s}.rule-item[data-v-20a12d73]:hover{border-color:var(--color-accent)}.rule-content[data-v-20a12d73]{display:flex;align-items:center;gap:var(--spacing-md)}.rule-type-badge[data-v-20a12d73]{font-size:10px;text-transform:uppercase;font-weight:700;padding:2px 6px;background-color:#ff75181a;color:var(--color-accent);border-radius:4px}.rule-text[data-v-20a12d73]{font-size:14px}.btn-icon[data-v-20a12d73]{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.btn-icon[data-v-20a12d73]:hover{color:var(--color-error)}.add-rule-btn[data-v-20a12d73]{width:40px;height:40px;border-radius:50%;border:none;background-color:#ff7518;color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #ff751859;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.add-rule-btn[data-v-20a12d73]:hover{transform:translateY(-1px);background-color:#ff8c3a;box-shadow:0 6px 14px #ff751873}.add-rule-btn[data-v-20a12d73]:focus-visible{outline:2px solid var(--color-border);outline-offset:2px}.json-editor[data-v-61d04342]{display:flex;height:100%;width:100%;gap:var(--app-gap)}.pane[data-v-61d04342]{flex:1;display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.pane-header[data-v-61d04342]{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center;height:40px}.pane-actions[data-v-61d04342]{display:flex;gap:var(--spacing-sm)}.btn-xs[data-v-61d04342]{padding:2px 8px;font-size:12px;height:24px}.editor-textarea[data-v-61d04342]{flex:1;width:100%;background-color:var(--color-bg-primary);color:var(--color-text-primary);border:none;padding:var(--spacing-md);font-family:Fira Code,Consolas,monospace;font-size:14px;line-height:1.6;resize:none}.editor-textarea[data-v-61d04342]:focus{outline:none;background-color:var(--color-bg-primary);box-shadow:none}.output-pane .editor-textarea[data-v-61d04342]{background-color:#0003}.app-header[data-v-236ea94e]{height:60px;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--spacing-lg);flex-shrink:0;box-shadow:var(--shadow-sm);z-index:10}.logo[data-v-236ea94e]{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:20px;letter-spacing:-.5px}.logo-icon[data-v-236ea94e]{width:24px;height:24px;color:var(--color-accent)}.logo-icon-text[data-v-236ea94e]{font-weight:700;font-size:18px;color:var(--color-accent);letter-spacing:.8px}.logo-text[data-v-236ea94e]{color:var(--color-text-primary)}.app-main[data-v-236ea94e]{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-primary);padding:var(--app-gap);gap:var(--app-gap)}.rules-section[data-v-236ea94e]{flex:0 0 auto;max-height:40%;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);overflow-y:auto}.editor-section[data-v-236ea94e]{flex:1;overflow:hidden}