.jc-pill{background:var(--sky-soft);color:#23708c}.jc-file-icon{background:var(--sky-soft);color:#237491;font-size:13px}.jc-tabs{background:#f1f3f4;border-radius:14px;gap:6px;margin:16px 16px 0;padding:5px;display:flex}.jc-tabs button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1 1 0;font-size:13px;font-weight:800}.jc-tabs button.active{color:var(--navy);background:#fff;box-shadow:0 1px 2px #0b10200f,0 4px 12px #0b10200d}.jc-tabs button:focus-visible{outline-offset:2px;outline:2px solid #2b8fb3}.jc-input{padding:16px 16px 0}.jc-label{margin-bottom:8px;font-size:13px;font-weight:800;display:block}.jc-textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:220px;color:var(--ink);background:#fff;border:1.5px solid #dfe5ee;border-radius:14px;padding:14px 15px;font-family:SFMono-Regular,Consolas,Liberation Mono,Noto Sans JP,monospace;font-size:13px;line-height:1.6;display:block}.jc-textarea:focus{border-color:#2b8fb3;outline:none;box-shadow:0 0 0 3px #2b8fb326}.jc-meta{color:#636c7e;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;display:flex}.jc-link{color:var(--navy);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:12px;font-weight:800;text-decoration:underline}.jc-actions{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.jc-actions .primary-button{flex:160px}.jc-card .demo-row .cat-line{width:64px;height:52px;margin:0}.jc-error{margin:12px 0 0}.jc-card .jc-error{margin:0 16px 16px}.jc-json-error p{margin:4px 0 0}.jc-json-error pre{color:#8e3a40;white-space:pre;background:#fff;border-radius:8px;margin:8px 0 0;padding:8px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;overflow-x:auto}.jc-results h3{letter-spacing:-.01em;margin:0 0 8px;font-size:17px}.jc-results h3 small{color:#666c7a;margin-left:8px;font-size:12px;font-weight:700}.jc-section{margin-top:22px}.jc-options{border:1px solid var(--border);background:#fff;border-radius:14px;gap:12px;padding:14px;display:grid}.jc-options fieldset{border:0;gap:6px;margin:0;padding:0;font-size:13px;display:grid}.jc-options legend{margin-bottom:4px;padding:0;font-weight:800}.jc-check{cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}.jc-check input,.jc-segments input{accent-color:#2b8fb3}.jc-check input{margin-top:3px}.jc-check small{color:#666c7a;font-size:11px;display:block}.jc-segments{flex-wrap:wrap;gap:6px;display:flex}.jc-segments label{border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.jc-segments label.active{background:var(--sky-soft);color:#1d5d75;border-color:#2b8fb3}.jc-segments input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.jc-segments label:focus-within{outline-offset:2px;outline:2px solid #2b8fb3}.jc-inline{align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.jc-inline input{width:80px;font:inherit;border:1.5px solid #dfe5ee;border-radius:8px;padding:5px 8px}.jc-busy{color:#23708c;min-height:1em;margin:10px 0 0;font-size:12px;font-weight:700}.jc-busy:empty{display:none}.jc-warnings{gap:6px;margin:0;padding:0;list-style:none;display:grid}.jc-encoding{margin:0 16px 12px}.jc-warnings li{background:var(--yellow-soft);color:#6b5a1e;border-radius:12px;padding:9px 12px;font-size:13px;line-height:1.6}.jc-warnings li.ok{background:var(--mint-soft);color:#367856}.jc-table-wrap{border:1px solid var(--border);background:#fff;border-radius:12px;max-width:100%;max-height:380px;overflow:auto}.jc-table-wrap:focus-visible{outline-offset:2px;outline:2px solid #2b8fb3}.jc-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:12px}.jc-table th,.jc-table td{text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid #f0ede7;border-right:1px solid #f4f2ed;min-width:64px;max-width:280px;padding:7px 10px}.jc-table th{background:#f4f9fb;font-weight:800;position:sticky;top:0}.jc-clipped{color:#666c7a;margin-left:4px;font-size:11px;font-weight:700}.jc-table td.empty{background:#fcfcfa}.jc-output{border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfcfd;border-radius:12px;max-height:420px;margin:0;padding:12px 13px;font-family:SFMono-Regular,Consolas,Liberation Mono,Noto Sans JP,monospace;font-size:12px;line-height:1.6;overflow:auto}.jc-note{color:#666c7a;margin:6px 0 0;font-size:12px}.jc-export{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex;position:relative}.jc-export button{min-height:44px}.jc-live{color:#367856;flex-basis:100%;margin:0;font-size:12px;font-weight:700}.jc-live:empty{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=620px){.jc-tabs{margin:12px 12px 0}.jc-tabs button{font-size:12px}.jc-input{padding:12px 12px 0}.jc-textarea{min-height:180px;font-size:16px}.jc-export button{flex:100%}.jc-card .jc-error{margin:0 12px 12px}}