.jj{gap:var(--s5);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width>=861px){.jj{grid-template-rows:auto 1fr}.jj-in{grid-area:1/1}.jj-set{grid-area:2/1}.jj-out{grid-area:1/2/span 2}}.jj-in{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0;padding:var(--s5);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease)}.jj-in.jj-over{border-color:var(--brass);background:var(--brass-wash)}.jj-head{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.jj-lbl{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.jj-head-acts{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.jj-example,.jj-clear{font-size:var(--step--1);color:var(--ink-1);border-bottom:1px solid var(--brass);cursor:pointer;align-items:center;min-height:44px;padding-bottom:1px;display:inline-flex}.jj-example:hover,.jj-clear:hover{color:var(--ink-0)}.jj-file input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.jj-in textarea{width:100%;margin-top:var(--s3);padding:var(--s4);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--r-md);resize:vertical;line-height:1.6;font-family:var(--font-mono);font-size:var(--step--1);tab-size:2;transition:border-color var(--dur) var(--ease)}.jj-in textarea:focus{border-color:var(--brass)}.jj-in textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.jj-in textarea::placeholder{color:var(--ink-2);opacity:.55}.jj-in textarea[readonly]{background:var(--surface-1)}.jj-fileerr{margin-top:var(--s3);font-size:var(--step--1);color:var(--error)}.jj-filenote{margin-top:var(--s3);font-size:var(--step--1);color:var(--ink-1)}.jj-srcnote{margin-top:var(--s3);font-size:var(--step--1);color:var(--ink-1);max-width:62ch;line-height:1.5}.jj-status{margin-top:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface-2);border-left:3px solid var(--line-firm);align-items:center;gap:var(--s3) var(--s5);flex-wrap:wrap;min-height:56px;display:flex}.jj-status[data-state=read]{border-left-color:var(--ok)}.jj-status[data-state=bad]{border-left-color:var(--error)}.jj-badge{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.02em;color:var(--ink-1)}.jj-status[data-state=read] .jj-badge{color:var(--ok)}.jj-status[data-state=bad] .jj-badge{color:var(--error)}.jj-facts{gap:var(--s2) var(--s4);flex-wrap:wrap;margin:0;display:flex}.jj-facts dt{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.jj-facts dd{font-size:var(--step--1);margin:1px 0 0}.jj-facts dd[data-warn=true]{color:var(--warn-text);font-weight:600}.jj-set{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);align-self:start;gap:var(--s3);min-width:0;display:grid}.jj-row{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.jj-row>span:first-child,.jj-row>label:first-child{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.jj-seg{background:var(--surface-2);border-radius:var(--r-md);flex-wrap:wrap;gap:2px;padding:3px;display:flex}.jj-seg button{min-height:44px;padding:0 var(--s3);font-size:var(--step--1);color:var(--ink-1);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:7px}.jj-seg button[aria-pressed=true]{background:var(--surface-0);color:var(--ink-0);box-shadow:var(--shadow-1)}.jj-hint{font-size:var(--step--1);color:var(--ink-1);max-width:62ch;margin:0;line-height:1.55}.jj-out{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0;padding:var(--s5);min-height:360px;box-shadow:var(--shadow-1);transition:box-shadow .26s var(--ease), border-color .26s var(--ease)}.jj-out.has{box-shadow:var(--shadow-2);border-color:var(--line-firm)}.jj-stub{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.jj-no{color:var(--brass-lo);font-size:var(--step--1);letter-spacing:.04em}.jj-sum{color:var(--ink-2);font-size:var(--step--1);text-align:right}.jj-perf{height:1px;margin:var(--s4) calc(-1 * var(--s5));background-image:linear-gradient(90deg, var(--line-firm) 55%, transparent 0);background-size:9px 1px;position:relative}.jj-perf:before,.jj-perf:after{content:"";border-radius:var(--r-full);background:var(--surface-0);border:1px solid var(--line);width:14px;height:14px;position:absolute;top:-7px}.jj-perf:before{left:-7px}.jj-perf:after{right:-7px}.jj-empty{color:var(--ink-2);font-size:var(--step--1);max-width:46ch}.jj-empty code,.jj-empty em{font-family:var(--font-mono);background:var(--surface-2);border-radius:var(--r-sm);padding:.1em .3em;font-style:normal}.jj-source{background:var(--surface-0);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);font-size:var(--step--1);white-space:pre;tab-size:2;max-height:460px;line-height:1.6;overflow-x:auto}.jj-more{margin-top:var(--s2);font-size:var(--step--2);color:var(--ink-2)}.jj-error{padding:var(--s4);border-radius:var(--r-md);background:var(--surface-2);border-left:3px solid var(--error)}.jj-pos{font-size:var(--step--1);color:var(--error)}.jj-msg{margin-top:var(--s2);font-size:var(--step--1);max-width:62ch}.jj-excerpt{margin-top:var(--s3);font-size:var(--step--2);white-space:pre;line-height:1.55;overflow-x:auto}.jj-line{display:block}.jj-line.bad{background:color-mix(in oklch, var(--error) 12%, transparent)}.jj-gutter{text-align:right;width:4ch;padding-right:var(--s2);color:var(--ink-2);user-select:none;display:inline-block}.jj-code{display:inline-block}.jj-caret{color:var(--error)}.jj-warn{margin-bottom:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface-2);border-left:3px solid var(--warn-surface);font-size:var(--step--1);color:var(--ink-1);animation:jj-land .24s var(--ease) both}.jj-warn strong{color:var(--ink-0);display:block}.jj-warn p{margin-top:var(--s1);max-width:62ch}.jj-warn code{font-family:var(--font-mono);background:var(--surface-0);border-radius:var(--r-sm);padding:.1em .3em}.jj-acts{margin-top:var(--s4);margin-bottom:var(--s4);gap:var(--s3);flex-wrap:wrap;display:flex}.jj-primary,.jj-ghost{min-height:44px;padding:0 var(--s4);border-radius:var(--r-md);font-size:var(--step--1);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease)}.jj-primary{background:var(--brass);color:var(--on-brass)}.jj-primary:hover{background:var(--brass-hi)}.jj-ghost{border:1px solid var(--line-firm);color:var(--ink-1)}.jj-ghost:hover{color:var(--ink-0);border-color:var(--brass)}@keyframes jj-land{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.jj-warn{animation:none}.jj-in,.jj-out,.jj-seg button{transition:none}}@media (width<=860px){.jj{grid-template-columns:1fr}.jj-out{min-height:0}}@media (width<=520px){.tool-hero.tool-hero.tool-hero{padding-block:var(--s3)}.tool-hero.tool-hero .detail-row{margin-top:var(--s2);gap:var(--s2)}}.jj-file{cursor:pointer;display:inline-flex}.jj-file span{min-height:44px;padding:0 var(--s4);border:1px solid var(--line-firm);border-radius:var(--r-md);background:var(--surface-0);font-size:var(--step--1);color:var(--ink-1);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;display:inline-flex}.jj-file span:hover{border-color:var(--brass);color:var(--ink-0)}@media (width<=820px){.jj-in textarea{height:calc(7 * 1.6em + 2 * var(--s4) + 2px)}}.jj-summary{margin-bottom:var(--s3);font-size:var(--step--1);color:var(--ink-1);max-width:62ch;line-height:1.55}.jj-summary a,.jj-error a{color:var(--ink-0);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px}.jj-promise{margin-top:var(--s3);font-size:var(--step--1);color:var(--ink-1);max-width:62ch;line-height:1.55}.jj-promise code{font-family:var(--font-mono);background:var(--surface-2);border-radius:var(--r-sm);padding:.1em .3em}.jj-progress{gap:var(--s2);margin-top:var(--s3);color:var(--ink-1);font-size:var(--step--1);display:grid}.jj-progress-track{border-radius:var(--r-full);background:var(--surface-2);height:8px;display:block;overflow:hidden}.jj-progress-track>span{background:var(--brass);height:100%;display:block}.jj-dropped{margin-bottom:var(--s4)}.jj-dropped h3{font-size:var(--step-0)}.jj-droplist{margin-top:var(--s3);gap:var(--s3);padding:0;list-style:none;display:grid}.jj-droplist>li{padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface-2);border-left:3px solid var(--warn-surface);animation:jj-land .24s var(--ease) both}.jj-drophead{align-items:baseline;gap:var(--s3);flex-wrap:wrap;display:flex}.jj-droppath{font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-0)}.jj-dropkind{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--warn-text)}.jj-droppos{font-size:var(--step--2);color:var(--ink-2);margin-left:auto}.jj-dropsrc{margin-top:var(--s2);font-size:var(--step--2);color:var(--ink-1);white-space:pre;overflow-x:auto}.jj-droplist p{margin-top:var(--s2);font-size:var(--step--1);color:var(--ink-1);max-width:62ch}@media (prefers-reduced-motion:reduce){.jj-droplist>li{animation:none}}@media (width<=860px){.jj-droppos{margin-left:0}}