.tab-container{grid-template-columns:1fr 1fr;gap:30px;height:100%;padding:30px;display:grid;overflow:auto}.tab-input-section,.tab-output-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;padding:20px;display:flex}.tab-input-section{background:#fafbfc}.tab-output-section{background:#f5f7fa;overflow:auto}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-header h2{color:#333;min-width:150px;margin:0;font-size:1.3em}.jsonpath-controls{flex-direction:column;gap:10px;margin:20px 0;display:flex}.jsonpath-controls label{color:#333;font-size:.9em;font-weight:600}.jsonpath-input{border:2px solid #e0e0e0;border-radius:6px;padding:12px;font-family:Courier New,monospace;font-size:14px;transition:border-color .3s}.jsonpath-input:focus{border-color:#036;outline:none;box-shadow:0 0 0 3px #0033661a}.jsonpath-results{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.result-info{margin-bottom:15px}.result-info div{margin:8px 0;font-size:.95em}.result-info code{background:#f0f0f0;border-radius:3px;padding:2px 6px;font-size:.9em}.result-info .success{color:#2e7d32;font-weight:600}.result-info .error{color:#c62828;font-weight:600}.result-values{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.result-values h3{color:#333;margin:0 0 10px;font-size:1em}.result-values pre{background:#f5f5f5;border-radius:6px;margin:0;padding:12px;font-size:.9em;overflow-x:auto}.available-paths{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.available-paths h3{color:#333;margin:0 0 15px;font-size:1em}.paths-list{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.path-item{cursor:pointer;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.path-item:hover{background:#f0f0f0;border-color:#036}.path-item code{color:#036;word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:.9em}.path-value{color:#666;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:4px;max-width:150px;padding:4px 8px;font-size:.85em;overflow:hidden}.filter-section{align-items:center;gap:10px;margin-bottom:15px;display:flex}.filter-input{border:2px solid #e0e0e0;border-radius:6px;flex:1;padding:10px;font-size:.95em}.filter-input:focus{border-color:#036;outline:none}.case-count{color:#2e7d32;white-space:nowrap;background:#e8f5e9;border-radius:4px;padding:6px 12px;font-size:.9em;font-weight:600}.testdata-results{flex-direction:column;gap:15px;display:flex}.test-cases-list{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;gap:10px;max-height:500px;padding:10px;display:flex;overflow-y:auto}.test-case-item{cursor:pointer;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:12px;transition:all .2s}.test-case-item:hover{background:#f0f0f0;border-color:#036}.test-case-item.selected{background:#e3f2fd;border-color:#036}.case-header{margin:0}.case-header h4{color:#036;margin:0 0 5px;font-size:1em}.case-header p{color:#666;margin:0;font-size:.9em}.case-details{border-top:1px solid #d0d0d0;margin-top:12px;padding-top:12px}.case-details pre{background:#f5f5f5;border-radius:4px;margin:0 0 10px;padding:12px;font-size:.85em;overflow-x:auto}.case-details button{padding:6px 12px;font-size:.85em}@media (width<=1200px){.tab-container{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}}.test-cases-list::-webkit-scrollbar{width:8px}.paths-list::-webkit-scrollbar{width:8px}.tab-output-section::-webkit-scrollbar{width:8px}.test-cases-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.paths-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.tab-output-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.test-cases-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.paths-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.tab-output-section::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.test-cases-list::-webkit-scrollbar-thumb:hover{background:#555}.paths-list::-webkit-scrollbar-thumb:hover{background:#555}.tab-output-section::-webkit-scrollbar-thumb:hover{background:#555}.jsonviewer-actions{justify-content:flex-end;gap:12px;display:flex}.jsonviewer-stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:16px;display:grid}.jsonviewer-stat-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #e1e6ef;border-radius:8px;padding:10px 12px}.jsonviewer-stat-card strong{color:#425166;letter-spacing:.2px;margin-bottom:6px;font-size:12px;display:block}.jsonviewer-stat-card span{color:#0a2647;font-family:Courier New,monospace;font-size:18px;font-weight:700}.jsonviewer-toolbar{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:10px;display:grid}.jsonviewer-view-toggle{border:1px solid #d7deea;border-radius:8px;display:inline-flex;overflow:hidden}.jsonviewer-mode-button{cursor:pointer;color:#2b3b52;background:#f2f5fa;border:none;padding:8px 12px;font-size:13px;transition:background-color .2s}.jsonviewer-mode-button:hover{background:#e7edf7}.jsonviewer-mode-button.active{color:#fff;background:#0d6efd}.jsonviewer-search{border:1px solid #ccd5e3;border-radius:8px;width:100%;padding:8px 10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px}.jsonviewer-search:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 2px #0d6efd26}.jsonviewer-tree-controls{gap:8px;display:flex}.jsonviewer-search-meta{color:#4d5e75;margin-bottom:10px;font-size:12px}.jsonviewer-tree,.jsonviewer-output-text{background:#fcfdff;border:1px solid #dce3ee;border-radius:8px;max-height:460px;padding:12px;overflow:auto}.jsonviewer-output-text{margin:0;font-size:12px;line-height:1.55}.jsonviewer-row{color:#10203a;align-items:center;gap:6px;min-height:24px;font-family:Courier New,monospace;font-size:13px;display:flex}.jsonviewer-container-row{border-radius:4px}.jsonviewer-container-row:hover{background:#0d6efd14}.jsonviewer-closing-row{color:#4c607f}.jsonviewer-toggle{color:#3a4f6b;cursor:pointer;background:#fff;border:1px solid #d2dceb;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:13px;line-height:1;display:inline-flex}.jsonviewer-toggle:hover{color:#0d6efd;border-color:#0d6efd}.jsonviewer-key{color:#7c2d12;font-weight:700}.jsonviewer-colon{color:#8392a5}.jsonviewer-bracket{color:#334155;font-weight:700}.jsonviewer-count{color:#64748b;font-size:12px}.jsonviewer-value{font-weight:600}.jsonviewer-string{color:#0b7a57}.jsonviewer-number{color:#0b3ea8}.jsonviewer-boolean{color:#7c2d12}.jsonviewer-null{color:#6d28d9}.error-location-badge{background:#ffffff4d;border:1px solid #ffffff80;border-radius:999px;margin-right:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}@media (width<=992px){.jsonviewer-toolbar{grid-template-columns:1fr}.jsonviewer-tree-controls{justify-content:flex-start}.jsonviewer-view-toggle{width:fit-content}}.diff-container{flex-direction:column;gap:20px;height:100%;padding:30px;display:flex;overflow:auto}.diff-inputs{grid-template-columns:1fr 1fr;gap:20px;display:grid}.diff-input-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;padding:20px;display:flex}.diff-input-panel h3{color:#333;align-items:center;gap:8px;margin:0 0 12px;font-size:1.1em;display:flex}.diff-input-panel .label-tag{color:#fff;letter-spacing:.5px;background:#036;border-radius:4px;padding:2px 10px;font-size:.75em;font-weight:700}.diff-input-panel .label-tag.right{background:#004d80}.diff-textarea{resize:vertical;background:#fff;border:2px solid #e0e0e0;border-radius:6px;flex:1;min-height:220px;padding:14px;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.5;transition:border-color .3s}.diff-textarea:focus{border-color:#036;outline:none;box-shadow:0 0 0 3px #0033661a}.diff-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.diff-options{align-items:center;gap:16px;margin-left:auto;display:flex}.diff-option-label{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.9em;display:flex}.diff-option-label input[type=checkbox]{accent-color:#036;cursor:pointer;width:16px;height:16px}.diff-view-toggle{border:2px solid #036;border-radius:6px;display:flex;overflow:hidden}.diff-view-toggle button{color:#036;cursor:pointer;background:#fff;border:none;padding:6px 14px;font-size:.85em;font-weight:600;transition:all .2s}.diff-view-toggle button.active{color:#fff;background:#036}.diff-view-toggle button:hover:not(.active){background:#f0f4f8}.diff-stats{background:#f5f7fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:16px;padding:10px 16px;font-size:.9em;font-weight:600;display:flex}.stat-item{align-items:center;gap:6px;display:flex}.stat-added{color:#2e7d32}.stat-removed{color:#c62828}.stat-unchanged{color:#666}.stat-badge{border-radius:4px;padding:2px 8px;font-size:.85em}.stat-added .stat-badge{background:#e8f5e9}.stat-removed .stat-badge{background:#ffebee}.stat-unchanged .stat-badge{background:#f5f5f5}.diff-output{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.diff-output-header{background:#f5f7fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.diff-output-header h3{color:#333;margin:0;font-size:1.05em}.diff-side-by-side{grid-template-columns:1fr 1fr;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.6;display:grid}.diff-side-left,.diff-side-right{overflow-x:auto}.diff-side-left{border-right:2px solid #e0e0e0}.diff-line{min-height:24px;display:flex}.diff-line-number{text-align:right;color:#999;-webkit-user-select:none;user-select:none;background:#f8f9fa;border-right:1px solid #e0e0e0;justify-content:flex-end;align-items:center;min-width:45px;padding:0 8px;font-size:.85em;display:flex}.diff-line-content{white-space:pre-wrap;word-break:break-all;flex:1;padding:0 12px}.diff-line.added{background:#e6ffed}.diff-line.added .diff-line-number{color:#2e7d32;background:#cdffd8}.diff-line.removed{background:#ffeef0}.diff-line.removed .diff-line-number{color:#c62828;background:#ffdce0}.diff-line.empty-placeholder{background:#f5f5f5}.diff-line.empty-placeholder .diff-line-content{color:#0000}.diff-word-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:1px 3px;font-weight:700}.diff-line.added .diff-word-highlight{color:#0f5b2d;background:#7fe5a0;outline:1px solid #2e7d32}.diff-line.removed .diff-word-highlight{color:#8e1111;background:#ffb3b3;outline:1px solid #c62828}.diff-unified{font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.diff-unified .diff-line{display:flex}.diff-unified .diff-line-prefix{text-align:center;-webkit-user-select:none;user-select:none;min-width:20px;padding:0 4px;font-weight:700}.diff-unified .diff-line.added .diff-line-prefix{color:#2e7d32}.diff-unified .diff-line.removed .diff-line-prefix{color:#c62828}.diff-identical{text-align:center;color:#2e7d32;padding:40px;font-size:1.1em;font-weight:600}.diff-identical-icon{margin-bottom:10px;font-size:2em;display:block}.diff-empty-state{text-align:center;color:#999;padding:60px 40px}.diff-empty-state-icon{margin-bottom:16px;font-size:3em;display:block}.diff-empty-state p{margin:4px 0;font-size:.95em}.file-upload-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.file-upload-btn{color:#036;cursor:pointer;white-space:nowrap;background:#f0f4f8;border:1px solid #c0c8d0;border-radius:5px;padding:6px 14px;font-size:.85em;font-weight:600;transition:all .2s}.file-upload-btn:hover{background:#e0e8f0;border-color:#036}.file-name-display{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:.85em;overflow:hidden}.clear-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:5px;padding:6px 10px;font-size:.8em;transition:all .2s}.clear-btn:hover{color:#c62828;background:#fff0f0;border-color:#c62828}.playwright-container{flex-direction:column;gap:20px;height:100%;padding:30px;display:flex;overflow:auto}.playwright-form{grid-template-columns:1fr 1fr;gap:20px;display:grid}.playwright-form-left,.playwright-form-right{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#333;font-size:.9em;font-weight:600}.form-group .required-star{color:#c62828;margin-left:2px}.form-row{grid-template-columns:1fr 180px;gap:12px;display:grid}.form-input{border:2px solid #e0e0e0;border-radius:6px;padding:10px 14px;font-size:.95em;transition:border-color .3s}.form-input:focus{border-color:#036;outline:none;box-shadow:0 0 0 3px #0033661a}.form-select{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:10px 14px;font-size:.95em;font-weight:600;transition:border-color .3s}.form-select:focus{border-color:#036;outline:none}.method-GET{color:#2e7d32}.method-POST{color:#1565c0}.method-PUT{color:#e65100}.method-PATCH{color:#6a1b9a}.method-DELETE{color:#c62828}.form-textarea{resize:vertical;border:2px solid #e0e0e0;border-radius:6px;min-height:140px;padding:12px 14px;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.5;transition:border-color .3s}.form-textarea:focus{border-color:#036;outline:none;box-shadow:0 0 0 3px #0033661a}.form-helper{color:#888;margin-top:2px;font-size:.8em}.required-fields-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:14px}.required-fields-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.required-fields-section h4{color:#333;margin:0;font-size:.9em}.required-fields-toggle-all{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:.8em}.required-fields-toggle-all:hover{border-color:#036}.required-fields-toggle-all:focus-visible{outline-offset:1px;outline:2px solid #036}.required-fields-list{flex-wrap:wrap;gap:8px;display:flex}.field-chip{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ddd;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.85em;transition:all .2s;display:flex}.field-chip:hover{border-color:#036}.field-chip.selected{color:#fff;background:#036;border-color:#036}.field-chip:focus-visible{outline-offset:1px;outline:2px solid #036}.playwright-controls{border-top:1px solid #e8e8e8;align-items:center;gap:12px;padding:12px 0;display:flex}.generate-stats{gap:16px;margin-left:auto;font-size:.9em;font-weight:600;display:flex}.stat-positive{color:#2e7d32}.stat-negative{color:#c62828}.stat-total{color:#036}.playwright-output{background:#1e1e1e;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.output-header{background:#2d2d2d;border-bottom:1px solid #404040;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.output-header .file-name{color:#a0c4ff;font-family:Courier New,Consolas,monospace;font-size:.9em;font-weight:600}.output-actions{gap:8px;display:flex}.output-actions button{color:#ddd;cursor:pointer;background:#404040;border:1px solid #555;border-radius:4px;padding:5px 12px;font-size:.8em;transition:all .2s}.output-actions button:hover{color:#fff;background:#555}.output-code{flex:1;max-height:600px;padding:16px;overflow:auto}.output-code pre{color:#d4d4d4;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.6}.playwright-empty{text-align:center;color:#888;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;padding:60px 40px}.playwright-empty-icon{margin-bottom:16px;font-size:3em;display:block}.playwright-empty h3{color:#555;margin:0 0 8px}.playwright-empty p{margin:4px 0;font-size:.95em}.playwright-loading{color:#036;justify-content:center;align-items:center;gap:12px;padding:40px;font-weight:600;display:flex}.playwright-error{color:#c62828;background:#fff5f5;border:1px solid #ffcdd2;border-radius:6px;padding:12px 16px;font-size:.9em}.test-summary-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.test-summary-header{background:#f0f4f8;border-bottom:1px solid #e0e0e0;padding:12px 16px}.test-summary-header h4{color:#333;-webkit-user-select:none;user-select:none;margin:0;font-size:.95em}.test-summary-list{flex-direction:column;gap:6px;max-height:250px;padding:12px 16px;display:flex;overflow-y:auto}.summary-item{border-radius:4px;align-items:flex-start;gap:8px;padding:6px 10px;font-family:Courier New,Consolas,monospace;font-size:.85em;line-height:1.4;display:flex}.summary-positive{color:#2e7d32;background:#e8f5e9}.summary-negative{color:#e65100;background:#fff3e0}.summary-icon{min-width:14px;font-weight:700}.summary-title{word-break:break-word}.output-tabs{gap:0;display:flex}.output-tab{color:#aaa;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 16px;font-family:Courier New,Consolas,monospace;font-size:.85em;font-weight:600;transition:all .2s}.output-tab:hover{color:#ddd}.output-tab.active{color:#a0c4ff;border-bottom:2px solid #a0c4ff}.postman-container{flex-direction:column;gap:16px;height:100%;padding:24px;display:flex;overflow:auto}.postman-mode-bar{gap:10px;display:flex}.mode-button{color:#001f3f;cursor:pointer;background:#fff;border:2px solid #c8d2e1;border-radius:6px;padding:8px 14px;font-weight:600}.mode-button.active{background:#e9f0ff;border-color:#001f3f}.postman-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.postman-card{background:#fff;border:1px solid #dbe3ee;border-radius:10px;flex-direction:column;gap:14px;padding:16px;display:flex}.postman-card h3{color:#12325f;margin:0;font-size:1rem}.postman-field{flex-direction:column;gap:8px;display:flex}.postman-field label{color:#2c3e59;font-size:.9rem;font-weight:600}.postman-inline{grid-template-columns:1fr 140px;gap:10px;display:grid}.postman-header-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.postman-input,.postman-select,.postman-textarea{border:2px solid #dde5f2;border-radius:8px;padding:10px 12px;font-size:.93rem}.postman-input:focus,.postman-select:focus,.postman-textarea:focus{border-color:#036;outline:none;box-shadow:0 0 0 3px #0033661a}.postman-textarea{resize:vertical;min-height:130px;font-family:Courier New,Consolas,monospace;font-size:.85rem;line-height:1.45}.postman-helper{color:#697386;font-size:.78rem}.postman-chip-row{flex-wrap:wrap;gap:8px;display:flex}.postman-chip{cursor:pointer;background:#f7f9fc;border:1px solid #c8d2e1;border-radius:999px;padding:4px 10px;font-size:.8rem}.postman-chip.selected{color:#fff;background:#036;border-color:#036}.postman-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#036;border:none;border-radius:7px;padding:10px 14px;font-weight:600}.btn-secondary{color:#12325f;cursor:pointer;background:#fff;border:1px solid #c8d2e1;border-radius:7px;padding:10px 14px}.postman-error{color:#b00020;background:#fff3f5;border:1px solid #ffccd2;border-radius:8px;padding:10px 14px}.postman-summary{background:#f8fbff;border:1px solid #dbe3ee;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid}.postman-summary strong{color:#12325f;margin-bottom:4px;font-size:.78rem;display:block}.postman-output{background:#1f2330;border-radius:10px;overflow:hidden}.postman-output-header{border-bottom:1px solid #2f3545;justify-content:space-between;align-items:center;padding:12px;display:flex}.postman-output-tabs{gap:10px;display:flex}.postman-output-tab{color:#9fb5d8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:5px 8px;font-weight:600}.postman-output-tab.active{color:#fff;border-bottom-color:#6ea8ff}.postman-output-actions{gap:8px;display:flex}.postman-output-actions button{color:#fff;cursor:pointer;background:#2f3545;border:1px solid #4a5166;border-radius:6px;padding:5px 9px}.postman-code{color:#d4ddf0;white-space:pre-wrap;word-break:break-word;max-height:440px;margin:0;padding:14px;font-family:Courier New,Consolas,monospace;font-size:.82rem;line-height:1.5;overflow:auto}.postman-list{background:#f7f9fd;border:1px solid #dbe3ee;border-radius:8px;max-height:220px;padding:12px;overflow:auto}.postman-list-item{border-bottom:1px solid #e5ebf5;padding:6px 8px;font-size:.84rem}.postman-list-item:last-child{border-bottom:none}.postman-preview-list{background:#f7f9fd;border:1px solid #dbe3ee;border-radius:8px;max-height:220px;overflow:auto}.postman-preview-item{border-bottom:1px solid #e6ecf6;justify-content:space-between;gap:8px;padding:7px 10px;font-size:.84rem;display:flex}.postman-preview-item:last-child{border-bottom:none}@media (width<=1100px){.postman-grid{grid-template-columns:1fr}.postman-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.postman-inline,.postman-header-row,.postman-summary{grid-template-columns:1fr}}.logo-container{flex-shrink:0;align-items:center;display:flex}.logo-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.logo-image{object-fit:contain;width:auto;max-width:150px;height:45px}.remove-logo-btn{color:#fff;cursor:pointer;width:24px;height:24px;font-size:14px;font-weight:bolt;background:#ff4757e6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0003}.remove-logo-btn:hover{background:#ff4757;transform:scale(1.1)}.logo-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;transition:all .3s;display:flex}.logo-placeholder:hover{background:#ffffff26;border:1px solid #ffffff4d}.logo-placeholder svg{border-radius:6px;flex-shrink:0;width:45px;height:45px}.upload-logo-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:6px 12px;font-size:.85em;font-weight:500;transition:all .3s}.upload-logo-btn:hover{background:#ffffff4d;border:1px solid #ffffff80}.header-text{text-align:left;flex:1}.header-text h1{letter-spacing:-.5px;color:#fff;margin:0 0 10px;font-size:2.5em;font-weight:700}.header-text p{opacity:.9;color:#fff;margin:0;font-size:1.1em;font-weight:300}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:30px;animation:.3s slideUp;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:#036;margin:0 0 10px;font-size:1.5em}.modal-content p{color:#666;margin:0 0 20px;font-size:.95em}.modal-hint{background:#f0f4f8;border-left:3px solid #036;border-radius:6px;padding:12px;margin:15px 0 20px!important;font-size:.9em!important}.modal-hint code{color:#036;background:#fff;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-weight:500}.file-input{cursor:pointer;background:#f8f9fa;border:2px dashed #036;border-radius:8px;width:100%;margin-bottom:20px;padding:12px;transition:all .3s;display:block}.file-input:hover{background:#f0f4f8;border-color:#004d80}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn-cancel{color:#333;cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .3s}.btn-cancel:hover{background:#efefef;border-color:#d0d0d0}@media (width<=1200px){.logo-container{text-align:center;flex-direction:column}.logo-placeholder,.logo-wrapper{margin:0 auto}.header-text{text-align:center}.header-text h1{font-size:2em}.header-text p{font-size:1em}}@media (width<=768px){.logo-container{gap:15px}.header-text h1{font-size:1.5em}.header-text p{font-size:.95em}.logo-placeholder,.logo-wrapper{justify-content:center;width:100%}.modal-content{padding:20px}.modal-content h2{font-size:1.2em}}.app{background:linear-gradient(135deg,#036 0%,#004d80 100%);flex-direction:column;min-height:100vh;display:flex}.header{color:#fff;background:linear-gradient(135deg,#036 0%,#004d80 100%);align-items:center;gap:20px;padding:16px 30px;display:flex;box-shadow:0 4px 6px #00000026}.app-title{color:#fff;letter-spacing:.5px;white-space:nowrap;margin:0;font-size:1.6rem;font-weight:700}.container{flex-direction:column;flex:1;gap:20px;width:100%;max-width:none;margin:0;padding:30px 20px;display:flex}.tabs-layout{flex:1;grid-template-columns:320px minmax(0,1fr);gap:20px;min-height:0;display:grid}.tabs-navigation{background:#001f3f;border-radius:12px;flex-direction:column;align-self:start;gap:8px;width:100%;padding:10px;display:flex;box-shadow:0 4px 6px #0003}.tab-button{color:#fff9;cursor:pointer;white-space:normal;text-align:left;letter-spacing:.3px;background:#ffffff14;border:1px solid #ffffff1f;border-left:4px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;padding:14px 16px;font-size:.95em;font-weight:600;transition:all .25s;display:flex}.tab-button:hover{color:#fff;background:#ffffff26}.tab-button.active{color:#036;background:#fff;border-color:#00336629;border-left-style:solid;border-left-width:4px;box-shadow:0 -2px 8px #f9731640}.tab-icon{font-size:1.2em}.tab-icon:empty{display:none}.tab-content-wrapper{background:#fff;border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto;box-shadow:0 10px 30px #0003}.content-wrapper{grid-template-columns:1fr 1fr;gap:30px;height:100%;display:grid}.input-section,.output-section{background:#fff;border-radius:12px;flex-direction:column;padding:30px;display:flex;overflow:auto;box-shadow:0 10px 30px #0003}.section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-header h2{color:#333;margin:0;font-size:1.4em}.button-group-compact{gap:10px;display:flex}.json-input{resize:none;color:#333;border:2px solid #e0e0e0;border-radius:8px;flex:1;padding:15px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;transition:border-color .3s,box-shadow .3s}.json-input:focus{border-color:#036;outline:none;box-shadow:0 0 0 3px #0033661a}.json-input.valid{background-color:#f1f8f4;border-color:#4caf50}.json-input.error{background-color:#fdeaea;border-color:#f44336}.button-group{gap:15px;margin-top:20px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 24px;font-size:1em;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#036 0%,#004d80 100%);flex:1}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0366}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#036;background:#f5f5f5;border:2px solid #e0e0e0;padding:8px 16px;font-size:.9em}.btn-secondary:hover{background:#efefef;border-color:#036}.error-message{color:#c62828;background:#ffebee;border-left:4px solid #f44336;border-radius:8px;margin-bottom:15px;padding:15px;font-weight:500}.error-location-badge{color:#fff;background:#c62828;border-radius:4px;margin-right:8px;padding:2px 8px;font-size:.85em;font-weight:700;display:inline-block}.error-issues-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.error-issue-item{color:#9f2222;text-align:left;cursor:pointer;background:#fff5f5;border:1px solid #ef9a9a;border-radius:6px;padding:6px 8px;font-size:.88em}.error-issue-item:hover{background:#ffe8e8}.success-message{color:#2e7d32;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:15px;padding:15px;font-weight:500}.schema-viewer{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex:1;overflow:auto}.schema-content{color:#333;word-break:break-word;white-space:pre-wrap;padding:20px;font-size:13px;line-height:1.6}.placeholder{color:#999;text-align:center;justify-content:center;align-items:center;height:100%;min-height:300px;font-size:1.1em;display:flex}.value-container{display:inline}.expand-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:#036;padding:0 5px;font-weight:700}.expand-toggle:hover{color:#004d80}.expand-toggle.no-toggle{cursor:default}.expand-toggle.no-toggle:hover{color:#036}.nested-items,.nested-properties{margin-left:20px;display:block}.array-item,.property{margin:5px 0;display:block}.property-key{color:#d63384;font-weight:600}.property-value{margin-left:10px}.value-null,.value-boolean{color:#d63384;font-weight:600}.value-number{color:#0d6efd;font-weight:600}.value-string{color:#198754}@media (width<=1100px){.tabs-layout{grid-template-columns:1fr}.tabs-navigation{align-self:stretch}}@media (width<=900px){.tab-button{padding:12px 14px;font-size:.88em}.tab-icon{font-size:1.05em}}.value-object,.value-array{color:#666;font-weight:600}@media (width<=1024px){.content-wrapper{grid-template-columns:1fr}.container{padding:20px 10px}.input-section,.output-section{padding:20px}}@media (width<=768px){.button-group{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start}.btn-secondary{align-self:flex-start}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Source Sans Pro,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100%}