.jo-tool{max-width: 1380px}.jo-panels{align-items: flex-start}.jo-input-panel,.jo-result-panel{height: auto;min-width: 0}.jo-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap}.jo-result-status{font-size: 12px;font-weight: 400;color: var(--text-secondary,#6c757d);max-width: 60%;text-align: right}.jo-settings-body,.jo-result-body{display: flex;flex-direction: column;gap: 14px;min-width: 0}.jo-field{display: flex;flex-direction: column;gap: 5px;min-width: 0}.jo-field>span,.jo-field>label{font-size: 13px;font-weight: 600;color: var(--text-primary,#212529)}.jo-field small{font-size: 12px;color: var(--text-secondary,#6c757d);line-height: 1.45}.jo-textarea{min-height: 190px;resize: vertical;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12.5px;line-height: 1.5}.jo-tabs{display: flex;gap: 4px;border-bottom: 1px solid var(--border-color,#e3e6ea)}.jo-tab{border: none;background: transparent;padding: 7px 14px;font-size: 13px;color: var(--text-secondary,#6c757d);cursor: pointer;border-bottom: 2px solid transparent;margin-bottom: -1px}.jo-tab.active{color: var(--brand,#0a58ca);border-bottom-color: var(--brand,#0a58ca);font-weight: 600}.jo-tabpane.hidden{display: none}.jo-drop{position: relative;border: 2px dashed var(--border-color,#c9ced6);border-radius: 8px;padding: 26px 16px;text-align: center;cursor: pointer;transition: border-color 0.15s ease,background 0.15s ease}.jo-drop.hover{border-color: var(--brand,#0a58ca);background: rgba(10,88,202,0.05)}.jo-file{position: absolute;inset: 0;opacity: 0;cursor: pointer}.jo-drop-inner i{font-size: 26px;color: var(--text-secondary,#6c757d)}.jo-drop-inner p{margin: 8px 0 0;font-size: 13px;color: var(--text-secondary,#6c757d)}.jo-opts-panel{display: flex;flex-direction: column;gap: 14px;border-top: 1px solid var(--border-color,#e3e6ea);padding-top: 14px}.jo-opts-group{display: flex;flex-direction: column;gap: 8px}.jo-opts-group h4{margin: 0;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-secondary,#6c757d)}.jo-check-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px 14px}.jo-check-grid-single{grid-template-columns: 1fr}.jo-check{display: flex;align-items: flex-start;gap: 7px;font-size: 13px;color: var(--text-primary,#212529);line-height: 1.4;cursor: pointer}.jo-check input{margin-top: 2px;accent-color: var(--brand,#0a58ca)}.jo-inline-row{display: flex;gap: 14px;flex-wrap: wrap}.jo-inline{display: flex;align-items: center;gap: 7px;font-size: 12.5px;color: var(--text-secondary,#6c757d);white-space: nowrap}.jo-inline .form-control{width: 92px;padding: 4px 8px;font-size: 12.5px}.jo-inline select.form-control{width: 110px}.jo-inline-grow{flex: 1;min-width: 200px;white-space: normal}.jo-inline-grow .form-control{width: 100%}.jo-advanced{border: 1px solid var(--border-color,#e3e6ea);border-radius: 6px;padding: 0}.jo-advanced summary{padding: 9px 12px;font-size: 13px;font-weight: 600;color: var(--text-primary,#212529);cursor: pointer;list-style: none}.jo-advanced summary::-webkit-details-marker{display: none}.jo-advanced summary::before{content: '\f138';font-family: 'bootstrap-icons';margin-right: 7px;color: var(--text-secondary,#6c757d);transition: transform 0.15s ease;display: inline-block}.jo-advanced[open] summary::before{transform: rotate(90deg)}.jo-advanced-body{display: flex;flex-direction: column;gap: 12px;padding: 0 12px 12px;border-top: 1px solid var(--border-color,#e3e6ea);padding-top: 12px}.jo-advanced-body textarea{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12.5px}.jo-action-row{display: flex;gap: 10px;flex-wrap: wrap}.jo-action-row .btn{min-width: 130px}.jo-message{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;border-radius: 6px;background: #fdecea;color: #b3261e;font-size: 13px;line-height: 1.5}.jo-message.hidden{display: none}.jo-result-body .result-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;border-top: 1px solid var(--border-color,#e3e6ea);padding-top: 12px;margin-top: 4px}.jo-result-actions{display: flex;gap: 8px;flex-wrap: wrap}.jo-result-textarea{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12px;line-height: 1.5;overflow-wrap: break-word;word-break: break-word;white-space: pre-wrap;resize: vertical;min-height: 320px;max-height: 640px;background: var(--surface,#fff)}.jo-note{display: flex;align-items: flex-start;gap: 8px;font-size: 12px;line-height: 1.55;color: var(--text-secondary,#6c757d)}.jo-note i{margin-top: 2px}@media (max-width: 767px){.jo-result-status{max-width: 100%;text-align: left}.jo-result-body .result-toolbar{align-items: flex-start;flex-direction: column}.jo-check-grid{grid-template-columns: 1fr}}