.jt-container{display:flex;flex-direction:column;gap:18px;font-family:'Manrope',sans-serif;}.jt-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}.jt-options{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;background:#0d1424;border:1.5px solid #1e2d5a;border-radius:10px;padding:14px 18px;}.jt-opt-group{display:flex;flex-direction:column;gap:5px;min-width:140px;flex:1;}.jt-opt-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:#475569;}.jt-opt-input{padding:8px 12px;border:1.5px solid #1e2d5a;border-radius:6px;background:#141d35;color:#c9d1d9;font-family:'Fira Code',monospace;font-size:13px;transition:border-color 0.18s;width:100%;}.jt-opt-input:focus{outline:none;border-color:#3178c6;}.jt-opt-input::placeholder{color:#334155;}.jt-option-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;color:#94a3b8;user-select:none;}.jt-option-toggle input[type="checkbox"]{width:15px;height:15px;accent-color:#3178c6;cursor:pointer;flex-shrink:0;}.jt-option-toggle:hover{color:#e2e8f0;}.jt-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;}.jt-panel{display:flex;flex-direction:column;background:#0a0e1a;border:1.5px solid #1e2d5a;border-radius:10px;overflow:hidden;}.jt-panel-header{display:flex;align-items:center;justify-content:space-between;background:#0d1424;padding:9px 14px;border-bottom:1px solid #1e2d5a;gap:8px;flex-wrap:wrap;}.jt-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:#64748b;}.jt-label-json{color:#e06c75;}.jt-label-ts{color:#3178c6;}.jt-status{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;transition:background 0.2s,color 0.2s;white-space:nowrap;}.jt-status.valid{background:rgba(152,195,121,0.15);color:#98c379;border:1px solid rgba(152,195,121,0.3);}.jt-status.invalid{background:rgba(224,108,117,0.15);color:#e06c75;border:1px solid rgba(224,108,117,0.3);}.jt-textarea{width:100%;height:400px;padding:14px;font-family:'Fira Code',monospace;font-size:13px;line-height:1.7;background:#0a0e1a;color:#abb2bf;border:none;resize:vertical;display:block;tab-size:2;}.jt-textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px #3178c6;}.jt-textarea::placeholder{color:#2d3a52;}.jt-textarea-output{color:#98c379;cursor:default;resize:vertical;}.jt-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity 0.15s,transform 0.12s;font-family:'Manrope',sans-serif;}.jt-btn:hover{opacity:0.85;transform:translateY(-1px);}.jt-btn:active{transform:translateY(0);}.jt-btn-primary{background:#3178c6;color:#fff;}.jt-btn-secondary{background:#141d35;color:#94a3b8;border:1.5px solid #1e2d5a;}.jt-btn-secondary:hover{border-color:#3178c6;color:#93c5fd;}.jt-btn-copy{background:#1e2d5a;color:#93c5fd;border:1.5px solid #2d3f6a;}.jt-btn-copy:hover{background:#2d3f6a;color:#bfdbfe;}.jt-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 4px;}.jt-arrow-icon{font-size:22px;line-height:1;color:#3178c6;opacity:0.8;}.jt-examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}.jt-examples-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#475569;margin-right:4px;}.jt-example-btn{padding:5px 12px;border:1.5px solid #1e2d5a;border-radius:16px;background:#0d1424;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:border-color 0.15s,color 0.15s,background 0.15s;font-family:'Manrope',sans-serif;}.jt-example-btn:hover{border-color:#3178c6;color:#93c5fd;background:#0d1a2e;}.jt-info-bar{display:flex;gap:14px;font-size:12px;color:#475569;padding:8px 14px;background:#0a0e1a;border-top:1px solid #1e2d5a;flex-wrap:wrap;}.jt-info-bar span{display:flex;align-items:center;gap:4px;}.jt-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}.jt-badge-json{background:rgba(224,108,117,0.15);color:#e06c75;border:1px solid rgba(224,108,117,0.25);}.jt-badge-ts{background:rgba(49,120,198,0.15);color:#3178c6;border:1px solid rgba(49,120,198,0.25);}.jt-separator{display:flex;align-items:center;gap:10px;padding:4px 0;}.jt-separator-line{flex:1;height:1px;background:#1e2d5a;}@media (max-width:767px){.jt-panels{grid-template-columns:1fr;}.jt-textarea{height:260px;font-size:12px;}.jt-toolbar{flex-direction:column;align-items:stretch;}.jt-btn{justify-content:center;}.jt-options{flex-direction:column;gap:10px;}.jt-opt-group{min-width:unset;width:100%;}.jt-examples{flex-wrap:wrap;}.jt-panel-header{flex-direction:column;align-items:flex-start;}.jt-info-bar{font-size:11px;gap:8px;}}