:root{--dracula-bg: #131421;--dracula-bg-light: #191a2a;--dracula-bg-lighter: #212234;--dracula-current-line: #282a36;--dracula-selection: #44475a;--dracula-foreground: #f8f8f2;--dracula-comment: #6272a4;--dracula-cyan: #8be9fd;--dracula-green: #50fa7b;--dracula-orange: #ffb86c;--dracula-pink: #ff79c6;--dracula-purple: #bd93f9;--dracula-red: #ff5555;--dracula-yellow: #f1fa8c;--primary: var(--dracula-purple);--primary-hover: #a370f9;--secondary: var(--dracula-comment);--secondary-hover: #7289c4;--success: var(--dracula-green);--success-hover: #40db6e;--danger: var(--dracula-red);--danger-hover: #ff6e6e;--warning: var(--dracula-orange);--info: var(--dracula-cyan);--body-bg: var(--dracula-bg);--body-color: var(--dracula-foreground);--card-bg: var(--dracula-bg-light);--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--sidebar-bg: var(--dracula-bg-lighter);--sidebar-border: var(--dracula-selection);--border-color: var(--dracula-selection);--editor-bg: var(--dracula-bg-light);--input-bg: var(--dracula-bg-lighter);--input-border: var(--dracula-selection);--input-focus: var(--dracula-purple);--muted: var(--dracula-comment)}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.95rem;line-height:1.6;color:var(--body-color);background-color:var(--body-bg);margin:0;padding:0;display:flex;min-height:100vh}.sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:2rem 0;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:100}.sidebar-brand{display:block;padding:0 1.5rem 1.5rem;font-size:1.4rem;font-weight:700;letter-spacing:-.025em;color:var(--primary);text-decoration:none;border-bottom:1px solid var(--sidebar-border);margin-bottom:1rem}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav-item{margin:.25rem .75rem}.sidebar-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--dracula-foreground);text-decoration:none;border-radius:.5rem;font-weight:500;font-size:.9rem;transition:all .2s ease}.sidebar-nav-link:hover{background:var(--dracula-selection);color:var(--primary)}.sidebar-nav-link.active{background:var(--primary);color:#fff}.sidebar-icon{width:20px;height:20px;opacity:.8}.main-content{margin-left:260px;flex:1;padding:2rem 3rem 3rem;max-width:100%;overflow-x:hidden}.container{width:100%;max-width:1400px;margin:0 auto}.container-fluid{width:100%;padding:0}.row{display:flex;flex-wrap:wrap;margin:0;gap:1.5rem}.col-6{flex:0 0 calc(50% - .75rem);max-width:calc(50% - .75rem);padding:0}section{display:none;animation:fadeIn .3s ease}section:target{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body:not(:has(section:target)) section:first-of-type{display:block}section h2{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem;color:var(--body-color)}section>p:first-of-type{font-size:1.05rem;color:var(--muted);margin-bottom:1.5rem}a{-webkit-user-drag:none}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-start{justify-content:flex-start!important}.align-items-center{align-items:center!important}.fw-semibold{font-weight:600!important}.fw-medium{font-weight:500!important}.text-muted{color:var(--muted)!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border:1px solid var(--border-color)!important;border-radius:.75rem!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;line-height:1.5;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;padding:.625rem 1.25rem;font-size:.9rem;border-radius:.5rem;transition:all .2s ease;margin-right:.5rem}.btn:last-child{margin-right:0}.btn-sm{padding:.375rem .75rem;font-size:.85rem;border-radius:.375rem}.btn-secondary{color:var(--dracula-foreground);background-color:var(--dracula-selection)}.btn-secondary:hover{background-color:var(--secondary-hover);transform:translateY(-1px)}.btn-success{color:var(--dracula-bg);background-color:var(--success)}.btn-success:hover{background-color:var(--success-hover);transform:translateY(-1px)}.btn-danger{color:#fff;background-color:var(--danger)}.btn-danger:hover{background-color:var(--danger-hover);transform:translateY(-1px)}.btn-border-0{border:0;background:none;padding:.25rem;cursor:pointer;opacity:.6;transition:opacity .2s;color:var(--dracula-foreground)}.btn-border-0:hover{opacity:1;color:var(--danger)}.shadow-none{box-shadow:none!important}.alert{position:relative;padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid transparent;border-radius:.75rem;font-weight:500}.alert-primary{color:var(--primary);background-color:#bd93f91a;border-color:#bd93f933}.alert-warning{color:var(--warning);background-color:#ffb86c1a;border-color:#ffb86c33}.list-group{display:flex;flex-direction:row;flex-wrap:wrap;padding:.5rem;margin-bottom:0;border-radius:.75rem;gap:.5rem;background:var(--input-bg)}.list-group-item{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--dracula-foreground);text-decoration:none;background-color:var(--dracula-bg-light);border:1px solid var(--border-color);border-radius:.5rem;font-size:.85rem;font-weight:500;transition:all .2s ease;min-width:120px;max-width:200px}.list-group-item:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.list-group-item-action{cursor:pointer}.d-flex{display:flex!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.mb-3{margin-bottom:1rem!important}.mt-3{margin-top:1rem!important}.link-secondary{color:var(--dracula-pink)!important}.link-offset-2{text-underline-offset:.2em!important}.link-underline{text-decoration:underline!important}.link-underline-opacity-25{text-decoration-color:#ff79c640!important}hr{margin:2rem 0;color:var(--border-color);border:0;border-top:1px solid var(--border-color);opacity:1}p{margin-top:0;margin-bottom:1rem}em{font-style:italic}template{display:none}.cm-json-error{content:url(https://www.svgrepo.com/show/288043/no-fire.svg);filter:invert(1)}#copyButton{position:absolute;z-index:10;top:.75rem;right:.75rem;background:var(--dracula-selection);border:none;box-shadow:var(--card-shadow)}#copyButton:hover{background:var(--primary);color:#fff}#lineColumn{height:30px;margin-bottom:1.5em;color:var(--muted);font-size:.85rem}.custom-editor{position:relative;background:var(--editor-bg);border-radius:.75rem;overflow:hidden}.custom-editor .cm-editor{font-size:.9rem;height:100%;font-family:JetBrains Mono,Fira Code,Monaco,monospace}.custom-editor .cm-scroller{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--dracula-comment) transparent}.custom-editor .cm-scroller::-webkit-scrollbar{width:8px;height:8px}.custom-editor .cm-scroller::-webkit-scrollbar-track{background:transparent}.custom-editor .cm-scroller::-webkit-scrollbar-thumb{background:var(--dracula-comment);border-radius:4px}.custom-editor .cm-scroller::-webkit-scrollbar-thumb:hover{background:var(--secondary-hover)}.custom-editor .cm-gutter{min-height:200px;background:var(--editor-bg);border-right:1px solid var(--border-color)}.custom-editor .cm-content{min-height:200px;padding:.5rem 0}.custom-editor .cm-line{padding:0 .5rem}.custom-editor .cm-search{font-size:.9rem}.height-50lvh{height:50lvh}.height-40lvh{height:40lvh}#jqFilter .container-fluid .row{align-items:stretch}#jqFilter .col-6{display:flex;flex-direction:column}#jqFilter .col-6:first-child{align-items:stretch}#jqFilter .col-6:last-child{align-items:stretch}#jqFilterOptionsContainer{margin-top:1.5rem;margin-bottom:1.5rem;flex-shrink:0}#jqFilterOptionsContainer label{display:block;font-weight:600;color:var(--body-color)}#jqFilterOptionsContainer .multi-select{width:100%;max-width:300px}#mappingJsonContainer{height:8rem;margin-bottom:1rem;flex-shrink:0}#mappingJsonContainer .cm-gutter,#mappingJsonContainer .cm-content{min-height:50px}#sourceJsonContainer{flex:1;min-height:50lvh}#resultJsonContainer{flex:1;min-height:calc(12rem + 56lvh)}#resultJsonContainer .cm-cursorLayer{animation:none}.editor-label{font-size:.95rem;font-weight:600;color:var(--body-color);margin-top:1.5rem;margin-bottom:.75rem;display:flex;align-items:center;min-height:2rem}.custom-focus{outline:0;box-shadow:0 0 0 3px #bd93f94d}#savedFiltersElement{background-color:var(--input-bg);padding:.5rem;min-height:3.5rem;width:100%}#savedFiltersElement .filter-label{flex:1;min-width:0}#savedFiltersElement button{opacity:.5;transition:opacity .2s}#savedFiltersElement button:hover{opacity:1}.jq-cheatsheet{margin-bottom:1.5rem}.jq-cheatsheet details{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease}.jq-cheatsheet details:hover{border-color:var(--primary)}.jq-cheatsheet details[open]{border-color:var(--primary);box-shadow:0 0 0 3px #bd93f91a}.jq-cheatsheet summary{list-style:none;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:.5rem}.jq-cheatsheet summary::-webkit-details-marker{display:none}.jq-cheatsheet summary:before{content:"📖";font-size:1.1rem}.jq-cheatsheet .cheatsheet-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.jq-cheatsheet .cheatsheet-section{display:flex;flex-direction:column;gap:.5rem}.jq-cheatsheet .cheatsheet-section strong{color:var(--dracula-pink);font-size:.9rem;margin-bottom:.25rem}.jq-cheatsheet .cheatsheet-section code{background:var(--dracula-bg);padding:.375rem .5rem;border-radius:.375rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:var(--dracula-foreground);border:1px solid var(--border-color);display:block;cursor:pointer;transition:all .2s ease}.jq-cheatsheet .cheatsheet-section code:hover{border-color:var(--primary);background:var(--dracula-selection);transform:translate(2px)}.jq-cheatsheet .cheatsheet-section code.active{border-color:var(--success);background:#10b98133;color:var(--success)}footer{border-top:1px solid var(--border-color);padding:2rem 3rem;margin-top:3rem;text-align:center;color:var(--muted)}footer p{margin-bottom:.5rem}#validateAlert{margin-top:1.5rem}#sourceJsonCsvContainer,#ouputJsonCsvContainer,#sourceJsonContainer,#testJsonParent,#schemaParent{margin-bottom:0}.multi-select{position:relative;max-width:300px}.multi-select-trigger{display:flex;align-items:center;gap:.375rem;width:100%;min-height:2.25rem;padding:.25rem .625rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;color:var(--body-color);font-size:.9rem;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.multi-select-trigger:hover{border-color:var(--primary)}.multi-select-trigger--open{border-color:var(--primary);box-shadow:0 0 0 3px #bd93f926}.multi-select-tags{display:flex;flex-wrap:wrap;gap:.25rem;flex:1}.multi-select-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background-color:var(--dracula-selection);border-radius:.25rem;font-size:.8rem;color:var(--dracula-foreground);white-space:nowrap}.multi-select-tag-remove{cursor:pointer;opacity:.6;font-size:1rem;line-height:1;transition:opacity .15s}.multi-select-tag-remove:hover{opacity:1;color:var(--danger)}.multi-select-placeholder{color:var(--muted);font-size:.9rem;flex:1}.multi-select-chevron{flex-shrink:0;fill:var(--muted);transition:transform .2s ease;margin-right:.25rem}.multi-select-trigger--open .multi-select-chevron{transform:rotate(180deg)}.multi-select-dropdown{display:none;position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:50;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--card-shadow);padding:.25rem;max-height:200px;overflow-y:auto}.multi-select-dropdown--open{display:block}.multi-select-option{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;margin-bottom:.25rem;border-radius:.375rem;color:var(--body-color);font-size:.9rem;transition:background-color .15s}.multi-select-option-label{flex:1;cursor:pointer;color:var(--body-color)}.multi-select-option:last-child{margin-bottom:0}.multi-select-option:hover{background-color:var(--dracula-selection)}.multi-select-option input[type=checkbox]{accent-color:var(--primary);width:1rem;height:1rem;margin:0;flex-shrink:0;cursor:pointer}.multi-select-option-label{flex:1}@media(max-width:768px){.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--sidebar-border)}.sidebar-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.5rem}.sidebar-nav-item{margin:0}.main-content{margin-left:0;padding:1.5rem}footer{margin-left:0}}label{color:var(--body-color)}.diff-output{overflow-x:auto;border:1px solid var(--border-color);border-radius:.75rem;background:var(--editor-bg)}.diff-table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,Fira Code,Monaco,monospace;font-size:.85rem;line-height:1.5}.diff-table tr{border-bottom:1px solid rgba(68,71,90,.3)}.diff-table tr:last-child{border-bottom:none}.diff-ln{width:3.5rem;min-width:3.5rem;padding:0 .5rem;text-align:right;color:var(--muted);-webkit-user-select:none;user-select:none}.diff-marker{width:1.2rem;min-width:1.2rem;padding:0 .25rem;text-align:center;-webkit-user-select:none;user-select:none;font-weight:700}.diff-text{padding:0 .75rem;white-space:pre-wrap;word-break:break-all}.diff-add{background:#50fa7b1f}.diff-add .diff-marker{color:var(--dracula-green)}.diff-del{background:#ff55551f}.diff-del .diff-marker{color:var(--dracula-red)}.diff-ctx{background:transparent}.diff-ctx .diff-marker{color:var(--muted)}.diff-gap{background:transparent}.diff-results h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.alert-success{color:var(--success);background-color:#50fa7b1a;border:1px solid rgba(80,250,123,.2)}.cm-diff-add{background-color:#50fa7b1f!important}.cm-diff-rem{background-color:#ff55551f!important}