.validator-workspace{border:1px solid var(--border-color);background-color:var(--bg-color);border-radius:4px;flex-direction:column;height:calc(100vh - 260px);min-height:300px;margin:8px 0;display:flex;overflow:hidden}.json-container{flex:1;align-items:stretch;gap:0;min-height:0;margin-bottom:0;padding:8px;display:flex}.json-column{border:1px solid var(--border-color);background-color:var(--input-bg);border-radius:4px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.json-bridge{flex-direction:column;flex:0 0 3.25rem;justify-content:center;align-self:stretch;align-items:center;min-height:0;padding:0 10px;display:flex;position:relative}.json-bridge:before{content:"";background:linear-gradient(to bottom, transparent, var(--border-color) 15%, var(--border-color) 85%, transparent);pointer-events:none;width:1px;position:absolute;top:12%;bottom:12%;left:50%;transform:translate(-50%)}.json-bridge-btn{z-index:1;border:1px solid var(--primary-color,#3498db);background:var(--primary-color,#3498db);color:#fff;cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:10px 6px;font-size:.68rem;font-weight:600;line-height:1.25;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative;box-shadow:0 2px 8px #3498db73,0 0 0 2px #3498db1f}.json-bridge-btn:hover{background:var(--primary-dark,#2980b9);border-color:var(--primary-dark,#2980b9);transform:translateY(-1px);box-shadow:0 4px 14px #3498db8c,0 0 0 3px #3498db33}.json-bridge-btn:active{transform:translateY(0);box-shadow:0 1px 6px #3498db66}.json-bridge-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.json-bridge-icon{color:#fff;font-size:1.25rem;font-weight:700;line-height:1}.json-bridge-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.02em;max-height:7rem;overflow:hidden}.json-column .form-group{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.json-column .form-label,.json-column .textarea-actions{flex-shrink:0}.form-label{margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.textarea-actions{gap:8px;margin-bottom:8px;display:flex}.textarea-actions .btn-sm{padding:3px 8px;font-size:.8rem}.cm-editor-host{border:1px solid var(--border-color);background-color:var(--input-bg);border-radius:4px;width:100%;overflow:hidden}.json-column .cm-editor-host{border:none;border-top:1px solid var(--border-color);border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex}.cm-editor-host--fill{height:100%}.cm-editor-host--fill .CodeMirror{height:100%!important}.cm-editor-host--fill .CodeMirror-scroll{min-height:0;overflow:auto!important}.form-control{border:1px solid var(--border-color);background-color:var(--input-bg);width:100%;color:var(--text-color);resize:vertical;border-radius:4px;padding:.75rem;font-family:Courier New,Courier,monospace;font-size:.75rem;line-height:1.3}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #3498db33}.btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;transition:background-color .2s}.btn:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:#27ae60}.validation-results{border:none;border-top:1px solid var(--border-color);background-color:var(--bg-subtle,var(--bg-light));border-radius:0;flex-direction:row;flex-shrink:0;align-items:stretch;min-height:2.25rem;max-height:30%;margin-top:0;display:flex;overflow:hidden}.validation-results h3{background-color:var(--bg-color);border-bottom:none;border-right:1px solid var(--border-color);color:var(--text-secondary,var(--text-light));white-space:nowrap;flex:none;align-items:center;margin:0;padding:5px 12px;font-size:.75rem;font-weight:600;display:flex}.validation-results .result-body{background-color:var(--bg-subtle,var(--bg-light));flex:1;min-width:0;min-height:0;padding:5px 12px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.75rem;line-height:1.4;overflow-y:auto}#result-container{background-color:var(--bg-light);min-height:100px;padding:15px;font-family:Courier New,Courier,monospace;font-size:.75rem;line-height:1.4}.placeholder-message{color:var(--text-light);font-style:italic}.result-success{color:#27ae60}.result-error{color:#e74c3c}.error-item{margin-bottom:8px;padding-left:20px;position:relative}.error-item:before{content:"•";position:absolute;left:8px}.help-section{border:1px solid var(--border-color);border-radius:4px;margin-top:20px;overflow:hidden}.help-toggle{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.help-toggle h3{align-items:center;margin:0;font-size:1rem;display:flex}.help-toggle h3 i{transition:transform .3s}.help-content{background-color:var(--bg-light);padding:15px;display:none}.help-content.show{display:block}.help-content pre{background-color:var(--code-bg);border-radius:4px;padding:10px;font-size:.75rem;line-height:1.3;overflow-x:auto}.help-content h4{margin:1rem 0 .5rem;font-size:.95rem}.help-content p,.help-content ul{margin-bottom:.75rem;font-size:.85rem}.help-content ul{padding-left:20px}.help-content li{margin-bottom:5px}.help-content a{color:var(--primary-color);text-decoration:none}.help-content a:hover{text-decoration:underline}.dark-theme .form-control{color:#f5f7fa;background-color:#263747;border-color:#4b6584}.dark-theme .form-control:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db4d}.dark-theme .help-toggle,.dark-theme .validation-results h3{background-color:#1e2a38;border-color:#4b6584}.dark-theme #result-container,.dark-theme .help-content{background-color:#121921}.dark-theme .placeholder-message{color:#95a5a6}.dark-theme .help-content pre{background-color:#1a2530;border:1px solid #3d5566}.dark-theme .json-bridge-btn{background:#3498db;border-color:#5dade2;box-shadow:0 2px 10px #3498db8c,0 0 0 2px #5dade240}.dark-theme .json-bridge-btn:hover{background:#5dade2;border-color:#85c1e9;box-shadow:0 4px 16px #5dade299,0 0 0 3px #5dade24d}@media (width<=768px){.validator-workspace{height:calc(100vh - 330px)}.json-container{flex-direction:column;gap:0}.validation-results{flex-direction:column;max-height:35%}.validation-results h3{border-right:none;border-bottom:1px solid var(--border-color)}.json-bridge{flex-direction:row;flex:none;width:100%;padding:10px 0}.json-bridge:before{background:linear-gradient(to right, transparent, var(--border-color) 15%, var(--border-color) 85%, transparent);width:auto;height:1px;inset:50% 8% auto;transform:translateY(-50%)}.json-bridge-btn{flex-direction:row;width:auto;max-width:100%;padding:8px 16px;font-size:.8rem}.json-bridge-label{writing-mode:horizontal-tb;max-height:none}.json-bridge-icon{transform:rotate(90deg)}}.error-list[data-v-67fcbef4]{margin:0;padding-left:1.25rem}.error-item[data-v-67fcbef4]{margin-bottom:4px}