.jconv-input-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden}.jconv-input-header{border-bottom:1px solid var(--border);background:var(--bg3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.jconv-input-label{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:.82rem;font-weight:700;display:flex}.jconv-badge{font-family:var(--font-mono);letter-spacing:.06em;border-radius:var(--radius-pill);padding:2px 9px;font-size:.6rem;font-weight:800}.jconv-badge--valid{color:var(--green);background:rgba(var(--green-rgb), .1);border:1px solid rgba(var(--green-rgb), .25)}.jconv-badge--invalid{color:var(--red);background:rgba(var(--red-rgb), .08);border:1px solid rgba(var(--red-rgb), .22)}.jconv-char-counter{font-family:var(--font-mono);color:var(--text3);align-items:center;gap:10px;font-size:.68rem;display:flex}.jconv-char-bar{background:var(--border2);border-radius:var(--radius-pill);width:100px;height:4px;overflow:hidden}.jconv-char-fill{background:var(--green);border-radius:var(--radius-pill);height:100%;transition:width .2s}.jconv-char-fill--warn{background:var(--yellow)}.jconv-char-warn{color:var(--yellow)}.jconv-textarea{width:100%;min-height:220px;max-height:420px;color:var(--text);font-family:var(--font-mono);resize:vertical;box-sizing:border-box;background:0 0;border:none;outline:none;padding:16px 18px;font-size:.83rem;line-height:1.65;transition:box-shadow .15s;display:block}.jconv-textarea::placeholder{color:var(--text3)}.jconv-textarea--invalid{box-shadow:inset 3px 0 0 var(--red)}.jconv-lnt{min-height:260px}.jconv-lnt .lnt-ta{min-height:260px;max-height:500px;overflow:auto}.jconv-tree{min-height:260px}.jconv-format-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.jconv-format-row--top{margin-bottom:-2px}.jconv-tabs{flex-wrap:wrap;flex:1;gap:8px;display:flex}.jconv-tab{--tc:247, 129, 102;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);min-width:78px;color:var(--text3);cursor:pointer;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 16px;font-family:inherit;font-size:.72rem;font-weight:700;transition:all .18s;display:inline-flex;position:relative;overflow:hidden}.jconv-tab:before{content:"";background:rgb(var(--tc));opacity:0;border-radius:12px 12px 0 0;height:2px;transition:opacity .18s;position:absolute;inset:0 0 auto}.jconv-tab:hover:not(:disabled){border-color:rgba(var(--tc), .5);color:var(--text);background:rgba(var(--tc), .07);box-shadow:0 6px 18px rgba(var(--tc), .18);transform:translateY(-2px)}.jconv-tab:hover:not(:disabled):before{opacity:1}.jconv-tab:disabled{opacity:.35;cursor:not-allowed;transform:none}.jconv-tab.active{background:rgba(var(--tc), .12);border-color:rgba(var(--tc), .55);color:rgb(var(--tc));box-shadow:0 4px 16px rgba(var(--tc), .22);transform:translateY(-1px)}.jconv-tab.active:before{opacity:1}.jconv-tab[data-format=csv]{--tc:63, 185, 80}.jconv-tab[data-format=xml]{--tc:247, 129, 102}.jconv-tab[data-format=yaml]{--tc:88, 166, 255}.jconv-tab[data-format=typescript]{--tc:49, 120, 198}.jconv-tab[data-format=java]{--tc:227, 179, 65}.jconv-tab[data-format=sql]{--tc:219, 109, 40}.jconv-tab[data-format=markdown]{--tc:163, 113, 247}.jconv-tab[data-format=toml]{--tc:57, 211, 83}.jconv-tab[data-format=php]{--tc:137, 87, 229}.jconv-tab-icon{font-size:1.5rem;line-height:1;display:block}.jconv-tab-label{letter-spacing:.01em;font-size:.7rem;font-weight:700;line-height:1}.jconv-convert-btn{white-space:nowrap;flex-shrink:0}.jconv-result-card{background:linear-gradient(180deg, rgba(var(--accent-rgb), .06), transparent 170px), var(--bg2);border:1px solid var(--border);border-radius:var(--radius-2xl);flex-direction:column;gap:14px;padding:16px;display:flex;position:relative;overflow:hidden}.jconv-result-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.jconv-result-heading{flex-direction:column;gap:3px;min-width:0;display:flex}.jconv-result-kicker{font-family:var(--font-mono);color:var(--text3);letter-spacing:.14em;text-transform:uppercase;font-size:.64rem}.jconv-result-heading strong{color:var(--text);letter-spacing:0;font-size:1.05rem}.jconv-result-heading span:last-child{font-family:var(--font-mono);color:var(--text3);font-size:.7rem}.jconv-opts--inline{min-height:40px;background:var(--bg2)!important;border:none!important;border-radius:0!important;flex-flow:wrap!important;align-items:center!important;gap:0!important;padding:0!important}.jconv-opts-label{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text3);white-space:nowrap;padding:0 10px 0 14px;font-size:.65rem;font-weight:700}.jconv-opts--inline .jconv-radio-group{gap:3px;padding:6px 0}.jconv-opts--inline .jconv-radio-btn{border-radius:var(--radius-sm);padding:4px 10px;font-size:.7rem}.jconv-opts-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 10px}.jconv-opts--inline .jconv-check{white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:.75rem;line-height:1;display:inline-flex}.jconv-opts--inline .jconv-check input[type=checkbox]{vertical-align:middle;width:13px;height:13px;margin:0}.jconv-opts-tip{cursor:help;opacity:.7;-webkit-user-select:none;user-select:none;margin-left:6px;padding:0 8px;font-size:.85rem;transition:opacity .15s}.jconv-opts-tip:hover{opacity:1}.jconv-result-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.jconv-ctrl-btn{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-md);height:36px;color:var(--text2);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:0 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.jconv-ctrl-btn:hover{border-color:var(--border2);color:var(--text);background:var(--bg3)}.jconv-view-btn{gap:7px}.jconv-view-btn.active{background:rgba(var(--accent-rgb), .12);border-color:rgba(var(--accent-rgb), .45);color:var(--accent)}.jconv-view-btn svg{flex-shrink:0;width:.9rem;height:.9rem}.jconv-output-shell{--jconv-output-height:60vh;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);height:var(--jconv-output-height);flex-direction:column;display:flex;overflow:hidden}.jconv-output-shell>.lnc-root,.jconv-output-shell>.jp-code,.jconv-output-shell>.jconv-csv-table-panel{flex:auto;min-height:0;max-height:none}.jconv-output-header{background:var(--bg3);border-bottom:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text3);flex-wrap:wrap;align-items:center;gap:0;min-height:42px;padding:0;font-size:.7rem;font-weight:700;display:flex}.jconv-output-dot{flex-shrink:0;margin-left:14px}.jconv-output-label{white-space:nowrap;border-right:1px solid var(--border);flex-shrink:0;padding:0 10px 0 8px}.jconv-output-opts{flex:1;align-items:stretch;min-width:0;display:flex;overflow:hidden}.jconv-output-opts .jconv-opts,.jconv-output-opts .jconv-opts--inline{min-height:unset!important;background:0 0!important;border:none!important;border-radius:0!important;flex-flow:row!important;align-self:stretch!important;align-items:center!important;gap:0!important;height:100%!important;margin:0!important;padding:0!important}.jconv-output-opts .jconv-opts-label{border-left:none;padding:0 8px 0 12px}.jconv-output-opts .jconv-radio-group{gap:3px;padding:0 6px}.jconv-output-opts .jconv-radio-btn{border-radius:var(--radius-sm);padding:3px 8px;font-size:.68rem}.jconv-output-opts .jconv-opts-divider{margin:0 8px}.jconv-output-opts .jconv-check{white-space:nowrap;color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;align-self:center;align-items:center;gap:6px;padding:0 10px;font-size:.72rem;font-weight:500;line-height:1;display:flex}.jconv-output-opts .jconv-check input[type=checkbox]{width:13px;height:13px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0;padding:0}.jconv-output-opts .jconv-opts-tip{margin-left:0;padding:0 10px;font-size:.82rem}.jconv-output-opts .jconv-opt-field{flex-direction:row;align-items:center;gap:6px;padding:0 10px}.jconv-output-opts .jconv-opt-field:first-child{padding-left:12px}.jconv-output-opts .jconv-opt-field label{display:none}.jconv-output-opts .jconv-opt-field input,.jconv-output-opts .jconv-opt-field select{min-width:90px;height:26px;padding:3px 7px;font-size:.72rem}.jconv-output-opts .jconv-opt-row{display:contents}.jconv-output-opts .jconv-opts--empty{color:var(--text3);padding:0 14px;font-size:.68rem}.jconv-output-header-actions{align-items:center;gap:6px;margin-left:auto;padding-right:14px;display:flex}.jconv-output-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.lnc-root{--lnc-lh:21px;--lnc-gutter-fs:12px;font-family:var(--font-mono);font-size:.82rem;line-height:var(--lnc-lh);background:var(--bg);tab-size:2;scrollbar-width:auto;scrollbar-color:var(--border2) var(--bg);flex-direction:column;min-height:360px;max-height:60vh;display:flex;overflow:auto}.lnc-table{table-layout:auto;width:max-content;min-width:100%;display:table}.lnc-root::-webkit-scrollbar{width:14px;height:14px}.lnc-root::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg);border-radius:var(--radius-pill)}.lnc-root::-webkit-scrollbar-thumb:hover{background:var(--text3)}.lnc-root::-webkit-scrollbar-track{background:var(--bg)}.lnc-root::-webkit-scrollbar-corner{background:var(--bg)}.lnc-row{min-height:var(--lnc-lh);display:table-row}.lnc-row:hover{background:#ffffff08}.lnc-num{box-sizing:border-box;width:52px;min-width:52px;font-size:var(--lnc-gutter-fs);font-variant-numeric:tabular-nums;line-height:var(--lnc-lh);text-align:right;color:var(--text3);background:var(--bg2);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;z-index:1;padding:0 12px 0 10px;display:table-cell;position:sticky;left:0}.lnc-code{line-height:var(--lnc-lh);white-space:pre;vertical-align:top;min-width:0;padding:0 20px;display:table-cell}.jconv-output-shell .jp-code{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border2) transparent;min-height:360px;max-height:60vh;overflow:hidden auto}.jconv-output-shell .jp-code::-webkit-scrollbar{width:14px;height:14px}.jconv-output-shell .jp-code::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg);border-radius:var(--radius-pill)}.jconv-output-shell .jp-code::-webkit-scrollbar-thumb:hover{background:var(--text3)}.jconv-output-shell .jp-code::-webkit-scrollbar-track{background:var(--bg)}.jconv-output-shell .jp-code::-webkit-scrollbar-corner{background:var(--bg)}.jconv-output-shell.pane--expanded{flex-direction:column;display:flex;overflow:hidden;height:auto!important}.jconv-output-shell.pane--wrapped:not(.pane--expanded) .lnc-root{max-height:none!important;overflow:hidden auto!important}.jconv-output-shell.pane--expanded .jp-code,.jconv-output-shell.pane--expanded .lnc-root,.jconv-output-shell.pane--expanded .lnc-root.lnc-root--wrap{border-radius:0;flex:auto;min-height:0;max-height:none!important;overflow:auto!important}.jconv-output-shell.pane--expanded .jconv-csv-table-panel{flex-direction:column;flex:auto;min-height:0;display:flex;max-height:none!important}.jconv-output-shell.pane--expanded .jconv-csv-table-wrap{flex:auto;min-height:0;overflow:auto;max-height:none!important}.jconv-csv-table-panel{background:var(--bg);flex-direction:column;min-height:360px;max-height:600px;display:flex}.jconv-csv-table-toolbar{background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.jconv-csv-search{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-md);min-width:min(280px,100%);height:34px;color:var(--text3);align-items:center;gap:8px;padding:0 11px;display:inline-flex}.jconv-csv-search input{width:100%;min-width:120px;color:var(--text);font-family:var(--font-mono);background:0 0;border:none;outline:none;font-size:.76rem}.jconv-csv-search input::placeholder{color:var(--text3)}.jconv-table-tool-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg3);height:34px;color:var(--text2);cursor:pointer;align-items:center;gap:7px;padding:0 11px;font-family:inherit;font-size:.76rem;font-weight:700;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.jconv-table-tool-btn:hover,.jconv-table-tool-btn.active{color:var(--accent);border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .1)}.jconv-csv-table-count{color:var(--text3);font-family:var(--font-mono);margin-left:auto;font-size:.68rem}.jconv-csv-table-wrap{background:var(--bg);scrollbar-width:auto;scrollbar-color:var(--border2) transparent;flex:auto;min-height:0;overflow:auto}.jconv-csv-table-wrap::-webkit-scrollbar{width:14px;height:14px}.jconv-csv-table-wrap::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg);border-radius:var(--radius-pill)}.jconv-csv-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--text3)}.jconv-csv-table{border-collapse:separate;border-spacing:0;width:100%;min-width:max-content;font-family:var(--font-mono);color:var(--text);font-size:.78rem;line-height:1.5}.jconv-csv-table th,.jconv-csv-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;max-width:360px;padding:10px 12px;overflow:hidden}.jconv-csv-table th{z-index:1;background:var(--bg3);color:var(--accent);cursor:grab;padding:0;font-weight:800;position:sticky;top:0}.jconv-csv-table th:active{cursor:grabbing}.jconv-csv-th-btn{width:100%;min-width:130px;min-height:40px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.jconv-csv-th-btn span{text-overflow:ellipsis;min-width:0;overflow:hidden}.jconv-csv-th-btn svg,.jconv-csv-drag-icon{color:var(--text3);flex-shrink:0}.jconv-csv-drag-icon{opacity:.65;width:.62rem;height:.62rem;position:absolute;bottom:4px;right:4px}.jconv-csv-table tr:nth-child(2n) td{background:#ffffff05}.jconv-csv-table th:last-child,.jconv-csv-table td:last-child{border-right:none}.jconv-csv-table-panel.is-compact .jconv-csv-table{font-size:.72rem}.jconv-csv-table-panel.is-compact .jconv-csv-table td{max-width:220px;padding:6px 8px}.jconv-csv-table-panel.is-compact .jconv-csv-th-btn{min-width:96px;min-height:32px;padding:7px 8px}.jconv-opts{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;gap:14px;padding:16px 20px;display:flex}.jconv-opts--empty{color:var(--text3);font-family:var(--font-mono);justify-content:center;align-items:center;padding:12px 20px;font-size:.75rem}.jconv-opt-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.jconv-opt-field{flex-direction:column;gap:6px;display:flex}.jconv-opt-field label{color:var(--text3);font-size:.75rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.jconv-opt-field input,.jconv-opt-field select{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);outline:none;min-width:160px;padding:7px 12px;font-size:.82rem;transition:border-color .15s}.jconv-opt-field input:focus,.jconv-opt-field select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .12)}.jconv-opt-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b949e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.jconv-radio-group{flex-wrap:wrap;gap:4px;display:flex}.jconv-radio-btn{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--text2);cursor:pointer;white-space:nowrap;padding:6px 13px;font-size:.72rem;font-weight:600;transition:all .15s}.jconv-radio-btn:hover{border-color:var(--accent);color:var(--text)}.jconv-radio-btn.active{background:rgba(var(--accent-rgb), .12);border-color:var(--accent);color:var(--accent)}.jconv-check{color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}.jconv-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;vertical-align:middle;flex-shrink:0;margin:0}.jconv-output-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.jconv-output-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));height:3px;position:absolute;top:0;left:0;right:0}.jconv-output-card>.jconv-output-header{border-bottom:1px solid var(--border);background:var(--bg3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.jconv-output-label{align-items:center;gap:12px;display:flex}.jconv-output-fmt{color:var(--text);font-size:.84rem;font-weight:700}.jconv-output-lines{font-family:var(--font-mono);color:var(--text3);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px;font-size:.65rem}.jconv-output-actions{gap:6px;display:flex}.jconv-output-body{scrollbar-width:auto;scrollbar-color:var(--border2) transparent;min-height:180px;max-height:600px;overflow:auto}.jconv-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;padding:60px 32px;display:flex}.jconv-placeholder-icon{opacity:.5;font-size:2.6rem;line-height:1}.jconv-placeholder p{color:var(--text2);margin:0;font-size:.9rem}.jconv-placeholder span{font-family:var(--font-mono);color:var(--text3);font-size:.68rem}.jconv-code{font-family:var(--font-mono);color:var(--text);white-space:pre;tab-size:2;counter-reset:line;margin:0;padding:18px 20px;font-size:.8rem;line-height:1.7;overflow-x:auto}.hl-c{color:var(--text3);font-style:italic}.hl-kw{color:var(--purple);font-weight:700}.hl-type{color:var(--blue)}.hl-tag{color:var(--accent)}.hl-key{color:var(--blue)}.hl-str{color:#a5d6ff}.hl-num{color:#79c0ff}.hl-bool{color:var(--purple);font-weight:700}.hl-punct{color:var(--text3)}.hl-anno{color:var(--yellow)}.hl-var{color:var(--accent)}.hl-csv-header{color:var(--accent);font-weight:800}.jconv-code--csv{color:var(--text);border-left:3px solid var(--accent);letter-spacing:0;background:linear-gradient(90deg, rgba(var(--accent-rgb), .08), transparent 180px), var(--bg)!important}.jconv-code--xml,.jconv-code--yaml,.jconv-code--typescript,.jconv-code--java,.jconv-code--sql{border-top:none}[data-theme=light] .jconv-code--csv{color:#1f2328;background:linear-gradient(90deg,#e05c3a14,#0000 180px),#f6f8fa!important}.jconv-output-body::-webkit-scrollbar{width:14px;height:14px}.jconv-output-body::-webkit-scrollbar-track{background:var(--bg)}.jconv-output-body::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg);border-radius:var(--radius-pill)}.jconv-output-body::-webkit-scrollbar-thumb:hover{background:var(--text3)}@media (width<=768px){.jconv-format-row{flex-direction:column;align-items:stretch}.jconv-convert-btn{justify-content:center;width:100%}.jconv-opt-row{flex-direction:column}.jconv-opt-field input,.jconv-opt-field select{min-width:unset;width:100%}.jconv-output-body{max-height:400px}.jconv-char-bar{width:60px}.jconv-result-card{border-radius:var(--radius-xl);padding:12px}.jconv-result-topbar{grid-template-columns:1fr}.jconv-result-tools{justify-content:flex-start}}@media (width<=480px){.jconv-tabs{gap:4px}.jconv-tab{padding:6px 10px;font-size:.72rem}.jconv-tab-icon,.jconv-opts-label,.jconv-output-opts .jconv-opt-field label{display:none}.jconv-output-header-actions{gap:4px}}