.jschema-theme{--bg-primary:#f8fafc;--bg-card:#ffffff;--border-color:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:rgba(99, 102, 241, 0.1);--success-color:#10b981;--success-light:rgba(16, 185, 129, 0.1);--danger-color:#ef4444;--danger-light:rgba(239, 68, 68, 0.1);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 20px rgba(0, 0, 0, 0.05);--shadow-lg:0 10px 30px rgba(99, 102, 241, 0.06);--radius-lg:1.5rem;--radius-md:1rem;--radius-sm:0.5rem;font-family:'Outfit','Inter',-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-main);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all 0.3s cubic-bezier(.4,0,.2,1);max-width:100%}.dark .jschema-theme{--bg-primary:#0b0f19;--bg-card:#151c2c;--border-color:#1f293d;--text-main:#f8fafc;--text-muted:#94a3b8;--primary-color:#818cf8;--primary-hover:#6366f1;--primary-light:rgba(129, 140, 248, 0.15);--shadow-md:0 10px 40px rgba(0, 0, 0, 0.25);--shadow-lg:0 15px 45px rgba(0, 0, 0, 0.3)}.jschema-theme .header-section h1{color:var(--text-main)}.jschema-theme .text-muted{color:var(--text-muted)}.jschema-theme .mt-2{margin-top:.5rem}.jschema-theme .mt-3{margin-top:.75rem}.jschema-theme .mt-6{margin-top:1.5rem}.jschema-theme .mt-8{margin-top:2rem}.jschema-theme .mb-3{margin-bottom:.75rem}.jschema-theme .mr-2{margin-right:.5rem}.jschema-theme .w-full{width:100%}.jschema-theme .text-center{text-align:center}.jschema-theme .font-semibold{font-weight:600}.jschema-theme .font-bold{font-weight:700}.jschema-theme .font-mono{font-family:'Fira Code','Courier New',monospace}.jschema-theme .app-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:stretch}@media (min-width:1200px){.jschema-theme .app-layout{grid-template-columns:1.2fr 0.8fr 1.5fr}}.jschema-theme .pane-col{display:flex;flex-direction:column;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform 0.2s,box-shadow 0.2s}.jschema-theme .pane-col:hover{box-shadow:var(--shadow-md)}.jschema-theme .pane-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background-color:rgb(99 102 241 / .02);border-bottom:1px solid var(--border-color)}.dark .jschema-theme .pane-header{background-color:rgb(129 140 248 / .01)}.jschema-theme .pane-header.no-border{border-bottom:none;padding-bottom:.5rem}.jschema-theme .pane-title{font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--text-main)}.jschema-theme .pane-title i{width:1.2rem;height:1.2rem;color:var(--primary-color)}.jschema-theme .format-select-container{display:flex;align-items:center;gap:.5rem}.jschema-theme .format-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.jschema-theme .format-select{padding:.4rem 1.8rem .4rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-main);font-size:.85rem;cursor:pointer;font-weight:500;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:.9rem;-webkit-appearance:none}.jschema-theme .main-textarea{width:100%;height:480px;padding:1.25rem 1.5rem;border:none;background-color:#fff0;color:var(--text-main);font-size:.85rem;line-height:1.6;resize:none;outline:none;box-sizing:border-box}.jschema-theme .error-msg{margin:0 1.5rem 1.5rem 1.5rem;padding:1rem 1.25rem;border-radius:var(--radius-sm);background-color:var(--danger-light);color:var(--danger-color);font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgb(239 68 68 / .15);font-weight:500}.jschema-theme .options-col{display:flex;flex-direction:column}.jschema-theme .options-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);flex-grow:1}.jschema-theme .toggle-switch{position:relative;display:inline-flex;align-items:center;gap:.75rem;cursor:pointer}.jschema-theme .toggle-switch input{opacity:0;width:0;height:0}.jschema-theme .slider{position:relative;width:2.8rem;height:1.5rem;background-color:var(--border-color);border-radius:9999px;transition:all 0.3s}.jschema-theme .slider:before{position:absolute;content:"";height:1.1rem;width:1.1rem;left:.2rem;bottom:.2rem;background-color:#fff;border-radius:50%;transition:all 0.3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgb(0 0 0 / .1)}.jschema-theme .toggle-switch input:checked+.slider{background-color:var(--primary-color)}.jschema-theme .toggle-switch input:checked+.slider:before{transform:translateX(1.3rem)}.jschema-theme .toggle-text{font-size:.9rem;color:var(--text-main);user-select:none}.jschema-theme .select-title{display:block;font-size:.88rem;color:var(--text-main);margin-bottom:.5rem}.jschema-theme .draft-select{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-main);font-size:.9rem;outline:none;font-weight:500}.jschema-theme .checkbox-container{display:flex;align-items:center;position:relative;padding-left:1.85rem;cursor:pointer;font-size:.88rem;color:var(--text-muted);user-select:none;line-height:1.4;transition:color 0.2s}.jschema-theme .checkbox-container:hover{color:var(--text-main)}.jschema-theme .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.jschema-theme .checkmark{position:absolute;top:.1rem;left:0;height:1.15rem;width:1.15rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.25rem;transition:all 0.2s}.jschema-theme .checkbox-container input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.jschema-theme .checkmark:after{content:"";position:absolute;display:none}.jschema-theme .checkbox-container input:checked~.checkmark:after{display:block}.jschema-theme .checkbox-container .checkmark:after{left:.35rem;top:.12rem;width:.3rem;height:.55rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.jschema-theme .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all 0.2s;outline:none}.jschema-theme .btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px rgb(99 102 241 / .15)}.jschema-theme .btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.jschema-theme .btn-secondary{background-color:var(--primary-light);color:var(--primary-color)}.jschema-theme .btn-secondary:hover{background-color:var(--primary-color);color:#fff}.jschema-theme .btn-outline{background-color:#fff0;border:1px solid var(--border-color);color:var(--text-main)}.jschema-theme .btn-outline:hover{background-color:var(--bg-primary);border-color:var(--text-muted)}.jschema-theme .btn-ghost{background-color:#fff0;color:var(--text-muted)}.jschema-theme .btn-ghost:hover{background-color:var(--bg-primary);color:var(--text-main)}.jschema-theme .btn-ghost.text-danger{color:var(--danger-color)}.jschema-theme .btn-ghost.text-danger:hover{background-color:var(--danger-light)}.jschema-theme .btn-xs{padding:.4rem .75rem;font-size:.8rem;border-radius:.35rem}.jschema-theme .btn-xs i{width:.95rem;height:.95rem}.jschema-theme .output-tabs-header{display:flex;background-color:rgb(99 102 241 / .03);border-bottom:1px solid var(--border-color);overflow-x:auto}.dark .jschema-theme .output-tabs-header{background-color:rgb(129 140 248 / .02)}.jschema-theme .tab-btn{flex-grow:1;text-align:center;padding:1.1rem 1rem;background:#fff0;border:none;border-bottom:2px solid #fff0;font-weight:600;font-size:.88rem;color:var(--text-muted);cursor:pointer;transition:all 0.2s;outline:none;white-space:nowrap}.jschema-theme .tab-btn:hover{color:var(--text-main);background-color:rgb(99 102 241 / .01)}.jschema-theme .tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:var(--bg-card)}.jschema-theme .relative-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color)}.jschema-theme .sub-tabs{display:flex;gap:.5rem;padding:0 1.5rem;margin-top:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.jschema-theme .sub-tab-btn,.jschema-theme .form-tab-btn{padding:.4rem .85rem;border-radius:var(--radius-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all 0.2s}.jschema-theme .sub-tab-btn:hover,.jschema-theme .form-tab-btn:hover{color:var(--text-main);border-color:var(--text-muted)}.jschema-theme .sub-tab-btn.active,.jschema-theme .form-tab-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.jschema-theme .tab-content-wrapper{flex-grow:1;display:flex;flex-direction:column}.jschema-theme .tab-pane{display:none;flex-grow:1;flex-direction:column}.jschema-theme .tab-pane.active{display:flex}.jschema-theme .output-pre{margin:0;padding:1.25rem 1.5rem;overflow:auto;background-color:#fff0;flex-grow:1;max-height:400px;box-sizing:border-box}.jschema-theme .output-pre code{font-size:.82rem;line-height:1.6;display:block;color:var(--text-main)}.jschema-theme .form-preview-card{display:none;padding:1.5rem;flex-grow:1}.jschema-theme .form-preview-card.active{display:block}.jschema-theme .preview-form{display:flex;flex-direction:column;gap:1.25rem}.jschema-theme .form-field{display:flex;flex-direction:column;gap:.4rem}.jschema-theme .form-field label{font-size:.85rem;font-weight:600;color:var(--text-main)}.jschema-theme .form-field input[type="text"],.jschema-theme .form-field input[type="number"],.jschema-theme .form-field input[type="email"],.jschema-theme .form-field select{padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-main);font-size:.88rem;outline:none;transition:border-color 0.2s}.jschema-theme .form-field input:focus,.jschema-theme .form-field select:focus{border-color:var(--primary-color)}.jschema-theme .form-field-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:500;cursor:pointer}.jschema-theme .form-field-checkbox input{width:1.1rem;height:1.1rem;cursor:pointer}.jschema-theme .form-nested-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1.25rem;background-color:rgb(99 102 241 / .01);display:flex;flex-direction:column;gap:1rem}.jschema-theme .toast{visibility:hidden;min-width:250px;background-color:#0f172a;color:#fff;text-align:center;border-radius:var(--radius-sm);padding:1rem 1.5rem;position:fixed;z-index:9999;left:50%;bottom:2rem;transform:translateX(-50%) translateY(1rem);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-size:.9rem;font-weight:500;box-shadow:0 10px 25px rgb(0 0 0 / .15);opacity:0;transition:visibility 0s,opacity 0.3s cubic-bezier(.4,0,.2,1),transform 0.3s cubic-bezier(.4,0,.2,1)}.dark .jschema-theme .toast{background-color:#f8fafc;color:#0f172a}.jschema-theme .toast.show{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0)}.jschema-theme .toast i{width:1.2rem;height:1.2rem;color:var(--success-color)}