.jt-right{display:grid;gap:16px;min-width:0;align-content:start}
.jt-layout{margin-bottom:22px}
.jt-demo{background:#fff8ee;border:1px solid #ead7b6;border-radius:12px;padding:10px 14px;font-size:.9rem}
.jt-bars{display:grid;gap:8px;margin:10px 0}
.jt-bar{display:grid;grid-template-columns:84px minmax(0,1fr) 62px;gap:10px;align-items:center;font-size:.88rem}
.jt-bar i{display:block;height:14px;border-radius:99px;background:color-mix(in srgb,var(--accent) 12%,#fff);position:relative;overflow:hidden}
.jt-bar i::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:var(--accent);border-radius:99px}
.jt-bar b{font-variant-numeric:tabular-nums;text-align:right}
.jt-top{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}
.jt-top li{padding:5px 11px;border-radius:99px;background:#fff;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);font-size:.84rem;font-weight:600}
.jt-file{position:relative;overflow:hidden;cursor:pointer}
.jt-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;min-height:0}
.jt-file:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.jt-actions button{font:inherit}
.jt-listwrap h2{margin-bottom:10px}
.jt-lv{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;font-weight:800;font-size:.85rem;background:color-mix(in srgb,var(--accent) calc(var(--l,5)*9%),#fff);color:var(--ink)}
.jt-act button{font:inherit;font-size:.8rem;padding:6px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:#fff;cursor:pointer;margin-right:4px}
@media(max-width:520px){.jt-bar{grid-template-columns:70px minmax(0,1fr) 54px}}