.tm-json-to-csv-converter{container-type:inline-size}.jtc-panel{display:flex;flex-direction:column;gap:var(--spacing-4)}.jtc-primary{min-height:min(52vh,560px)}.jtc-input-section{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.jtc-section-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-2);margin-bottom:var(--spacing-2)}.jtc-mode-group{display:flex;gap:0;background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:8px;padding:3px;width:fit-content}.jtc-mode-btn{padding:6px 16px;border-radius:6px;border:none;background:transparent;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--color-text-2);cursor:pointer;min-height:36px;transition:all .15s;white-space:nowrap}.jtc-mode-btn:hover{color:var(--color-text-1)}.jtc-mode-btn.is-active{background:var(--color-surface);color:var(--color-accent);box-shadow:inset 3px 0 0 var(--color-accent),0 1px 3px #00000014}.jtc-textarea{width:100%;min-height:160px;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font-family:var(--font-mono);font-size:14px;line-height:1.65;resize:vertical;tab-size:2;transition:border-color .15s}.jtc-textarea:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.jtc-textarea.is-error{border-color:color-mix(in srgb,#dc2626 45%,var(--color-border))}.jtc-textarea--readonly{background:var(--color-bg-3);color:var(--color-text-2);cursor:default;resize:none;min-height:auto}[data-theme=dark] .jtc-textarea{background:var(--color-bg-3)}.jtc-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:140px;padding:var(--spacing-6) var(--spacing-4);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.jtc-dropzone:hover,.jtc-dropzone:focus-visible{border-color:var(--color-accent);background:var(--color-accent-bg);outline:none}.jtc-dropzone.is-drag-over{border-color:var(--color-accent);background:var(--color-accent-bg)}.jtc-dropzone-icon{color:var(--color-text-2)}.jtc-dropzone-label{font-size:15px;font-weight:500;color:var(--color-text-1)}.jtc-dropzone-sub{font-size:13px;color:var(--color-text-2)}.jtc-dropzone-loaded{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#16a34a;margin-top:var(--spacing-1)}.jtc-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.jtc-url-row{display:flex;flex-direction:column;gap:var(--spacing-3)}.jtc-url-field{display:flex;align-items:center;gap:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);padding:0 var(--spacing-3);transition:border-color .15s}.jtc-url-field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.jtc-url-icon{flex-shrink:0;color:var(--color-text-2)}.jtc-url-input{flex:1;min-width:0;padding:var(--spacing-2) 0;border:none;background:transparent;color:var(--color-text-1);font-family:var(--font-sans);font-size:14px;outline:none}.jtc-url-input::placeholder{color:var(--color-text-2)}@keyframes jtc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jtc-spin{animation:jtc-spin .7s linear infinite}@media(prefers-reduced-motion:reduce){.jtc-spin{animation:none}}.jtc-error{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid color-mix(in srgb,#dc2626 30%,var(--color-border));border-radius:var(--radius-md);background:#dc26260f;color:#dc2626;font-size:13px;line-height:1.5}.jtc-error svg{flex-shrink:0;margin-top:1px}.jtc-controls{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.jtc-trust-note{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:12px;color:var(--color-text-2)}.jtc-trust-note svg{color:#16a34a;flex-shrink:0}.jtc-adv-wrap{display:flex;flex-direction:column;gap:var(--spacing-3)}.jtc-adv-trigger{display:inline-flex;align-items:center;gap:5px;background:none;border:none;font-family:var(--font-sans);font-size:14px;color:var(--color-text-2);cursor:pointer;padding:0;min-height:36px;transition:color .15s}.jtc-adv-trigger:hover{color:var(--color-text-1)}.jtc-adv-chevron{transition:transform .18s ease}.jtc-adv-trigger.is-open .jtc-adv-chevron{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.jtc-adv-chevron{transition:none}}.jtc-adv-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.jtc-adv-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.jtc-adv-label{font-size:12px;font-weight:500;color:var(--color-text-2)}.jtc-adv-select{padding:6px var(--spacing-2);border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-1);font-family:var(--font-sans);font-size:14px;cursor:pointer}.jtc-adv-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.jtc-adv-toggle-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.jtc-adv-toggle-text{display:flex;flex-direction:column;gap:2px;cursor:pointer}.jtc-adv-toggle-label{font-size:14px;color:var(--color-text-1)}.jtc-adv-toggle-help{font-size:12px;color:var(--color-text-2);line-height:1.4}.jtc-toggle-pill{position:relative;width:44px;height:24px;border-radius:100px;background:var(--color-border);border:none;cursor:pointer;flex-shrink:0;transition:background .15s;min-width:44px;min-height:44px;padding:10px 4px;display:flex;align-items:center}.jtc-toggle-pill:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s;pointer-events:none}.jtc-toggle-pill.is-on{background:var(--color-accent)}.jtc-toggle-pill.is-on:after{left:calc(100% - 22px)}@media(prefers-reduced-motion:reduce){.jtc-toggle-pill,.jtc-toggle-pill:after{transition:none}}.jtc-result-summary{display:flex;flex-direction:column;gap:var(--spacing-3)}.jtc-result-empty-hint{font-size:13px;color:var(--color-text-2);line-height:1.5;margin:0}.jtc-result-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3)}.jtc-result-meta{font-size:13px;color:var(--color-text-2);line-height:1.4}.jtc-result-meta strong{color:var(--color-accent);font-weight:600}.jtc-result-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.jtc-preview-wrap{overflow-x:auto;overflow-y:auto;max-height:260px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.jtc-preview-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px;white-space:nowrap}.jtc-preview-table thead th{position:sticky;top:0;padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border);background:var(--color-bg-2);color:var(--color-text-2);font-weight:600;font-size:11px;z-index:1}.jtc-preview-table tbody td{padding:7px 12px;border-bottom:1px solid var(--color-border);color:var(--color-text-1);max-width:240px;overflow:hidden;text-overflow:ellipsis}.jtc-preview-table tbody tr:last-child td{border-bottom:none}.jtc-preview-table tbody tr:hover td{background:var(--color-bg-2)}.jtc-preview-notice{margin:0;font-size:12px;color:var(--color-text-2);line-height:1.5}@container (min-width: 640px){.jtc-preview-wrap{max-height:420px}.jtc-preview-table tbody td{max-width:none;overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word}}@container (max-width: 520px){.jtc-adv-panel{grid-template-columns:1fr}.jtc-controls{flex-wrap:wrap}.jtc-trust-note{margin-left:0;width:100%}}@container (max-width: 380px){.jtc-mode-btn{padding:6px 12px;font-size:13px}}.jtc-example-pre{max-width:100%;overflow-x:auto}