.cj-shell{--cj-border:var(--border,#dbe4ea);--cj-surface:var(--bg-base,#ffffff);--cj-muted:var(--text-secondary,#60717a);--cj-ink:var(--text-primary,#1f2933);--cj-action:var(--action,#2563eb);--cj-soft:var(--bg-surface,#f8fafc);border:1px solid var(--cj-border);border-radius:18px;background:var(--cj-surface);box-shadow:0 10px 30px rgba(20,57,74,.08);overflow:hidden;font-family:inherit;font-size:15px}.cj-shell *{box-sizing:border-box}.cj-topbar{display:flex;justify-content:space-between;gap:1.25rem;align-items:flex-start;padding:1.5rem;background:linear-gradient(135deg,#173f5f,#2563eb);color:#fff}.cj-kicker,.cj-eyebrow{margin:0 0 .3rem;color:#8ce1df;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.cj-title{margin:0;font-size:1.3rem;letter-spacing:-.02em}.cj-subtitle{max-width:68ch;margin:.45rem 0 0;color:#d8eef2;font-size:.88rem;line-height:1.5}.cj-local-status{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.45rem .7rem;white-space:nowrap;font-size:.77rem;font-weight:800}.cj-local-status span{width:.55rem;height:.55rem;border-radius:50%;background:#84e1a7;box-shadow:0 0 0 4px rgba(132,225,167,.18)}.cj-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem;padding:1.25rem}.cj-panel{border:1px solid var(--cj-border);border-radius:14px;padding:1rem;background:var(--cj-surface)}.cj-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.8rem}.cj-heading h3{margin:0;color:var(--cj-ink);font-size:1rem}.cj-note{color:var(--cj-muted);font-size:.72rem}.cj-input-tabs,.cj-preview-tabs{display:flex;gap:.4rem;margin-bottom:.8rem;border-bottom:1px solid var(--cj-border)}.cj-tab,.cj-preview-tab{border:0;border-bottom:2px solid transparent;background:none;color:var(--cj-muted);padding:.55rem .65rem;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.cj-tab.is-active,.cj-preview-tab.is-active{border-color:var(--cj-action);color:var(--cj-action)}.cj-field{display:flex;flex-direction:column;gap:.35rem;color:var(--cj-ink);font-size:.78rem;font-weight:750}.cj-field textarea,.cj-field input,.cj-field select{width:100%;border:1px solid var(--cj-border,#e2e8f0);border-radius:8px;background:var(--cj-surface);color:var(--cj-ink);padding:.65rem .7rem;font:inherit;font-size:.8rem}.cj-field textarea{min-height:225px;resize:vertical;font-family:var(--mono,ui-monospace,monospace);line-height:1.5}.cj-field small,.cj-helper{color:var(--cj-muted);font-size:.68rem;font-weight:400;line-height:1.45}.cj-drop{display:grid;place-items:center;gap:.45rem;min-height:225px;border:2px dashed var(--cj-border);border-radius:10px;color:var(--cj-ink);text-align:center;cursor:pointer}.cj-drop:hover,.cj-drop:focus-within{border-color:var(--cj-action);background:var(--cj-soft)}.cj-drop-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--cj-soft);color:var(--cj-action);font-size:1.5rem}.cj-drop small{color:var(--cj-muted);font-weight:400}.cj-drop input{display:none}.cj-file-name{margin:.55rem 0 0;color:var(--cj-muted);font-size:.72rem}.cj-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.cj-checks{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1rem 0 0;border:1px solid var(--cj-border);border-radius:9px;padding:.75rem}.cj-checks legend{padding:0 .35rem;color:var(--cj-muted);font-size:.7rem;font-weight:800}.cj-checks label{display:flex;align-items:center;gap:.45rem;color:var(--cj-ink);font-size:.73rem}.cj-checks input{accent-color:var(--cj-action)}.cj-action-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.8rem}.cj-button{border:1px solid var(--cj-border,#e2e8f0);border-radius:8px;background:var(--cj-surface);color:var(--cj-ink);padding:.6rem .75rem;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.cj-button.primary{border-color:var(--cj-action);background:var(--cj-action);color:#fff}.cj-button:disabled{opacity:.45;cursor:not-allowed}.cj-convert{display:block;width:100%;margin-top:1rem;border:0;border-radius:10px;background:var(--cj-action,#2563eb);color:#fff;padding:.8rem 1.2rem;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;letter-spacing:.01em;box-shadow:0 4px 12px rgba(37,99,235,.25)}.cj-error{margin:.65rem 0 0;padding:.65rem .75rem;border-radius:8px;background:#fff0f0;color:#9b3030;font-size:.78rem}.cj-preview-panel{margin:0 1.25rem}.cj-valid{padding:.3rem .55rem;border-radius:999px;background:var(--cj-soft);color:var(--cj-muted);font-size:.7rem;font-weight:800}.cj-valid.ok{background:#edf8f5;color:#27735e}.cj-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:.85rem}.cj-stats div{padding:.55rem;border-radius:8px;background:var(--cj-soft);text-align:center}.cj-stats small{display:block;color:var(--cj-muted);font-size:.65rem}.cj-stats strong{display:block;margin-top:.12rem;color:var(--cj-ink);font-size:.8rem}.cj-table-wrap{max-height:370px;overflow:auto;border:1px solid var(--cj-border);border-radius:9px}.cj-table{width:100%;border-collapse:collapse;font-size:.73rem}.cj-table th{position:sticky;top:0;background:var(--cj-soft);color:var(--cj-ink);padding:.55rem;text-align:left;border-bottom:1px solid var(--cj-border);white-space:nowrap}.cj-table td{max-width:260px;padding:.5rem;border-bottom:1px solid var(--cj-border);color:var(--cj-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cj-table tr:nth-child(even) td{background:rgba(23,107,140,.025)}.cj-output{width:100%;min-height:370px;border:1px solid var(--cj-border);border-radius:9px;background:#0e2633;color:#d8eef2;padding:.8rem;font:12px/1.55 var(--mono,ui-monospace,monospace);resize:vertical}.cj-empty{display:grid;place-items:center;min-height:250px;padding:2.5rem;color:var(--cj-muted);text-align:center}.cj-empty span{font-size:2.6rem;color:#8dcbd3}.cj-empty p{margin:.4rem 0 0;color:var(--cj-ink);font-size:.82rem;font-weight:800}.cj-helper{margin:.65rem 0 0;text-align:center}.cj-privacy{display:flex;align-items:flex-start;gap:.7rem;margin:1rem 1.25rem 1.25rem;padding:.85rem;border:1px solid #c8eadf;border-radius:12px;background:#edf8f5;color:#24554b}.cj-privacy-icon{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:#2e9b75;color:#fff;font-weight:900;flex:none}.cj-privacy h3{margin:0;font-size:.8rem}.cj-privacy p{margin:.25rem 0 0;font-size:.72rem;line-height:1.5}@media(max-width:820px){.cj-topbar,.cj-layout{display:block}.cj-local-status{display:inline-flex;margin-top:1rem}.cj-panel+.cj-panel{margin-top:1rem}.cj-preview-panel{margin:0 .8rem}.cj-privacy{margin-left:.8rem;margin-right:.8rem}}@media(max-width:560px){.cj-form-grid,.cj-checks{grid-template-columns:1fr}.cj-stats{grid-template-columns:repeat(2,1fr)}.cj-layout{padding:.8rem}.cj-topbar{padding:1.15rem}}
.cj-convert:hover{opacity:.9}
.cj-convert:active{transform:scale(.98)}
[data-theme=dark] .cj-shell{--cj-border:var(--border,#334155);--cj-surface:var(--bg-base,#0f172a);--cj-ink:var(--text-primary,#f1f5f9);--cj-muted:var(--text-secondary,#94a3b8);--cj-action:var(--action,#3b82f6);--cj-soft:var(--bg-surface,#1e293b)}[data-theme=dark] .cj-shell input,[data-theme=dark] .cj-shell select,[data-theme=dark] .cj-shell textarea{background:var(--bg-surface,#1e293b);color:var(--text-primary,#f1f5f9);border-color:var(--border,#334155)}