[hidden]{display:none!important}.jp-body{padding-block:var(--space-6)}.jp-app{max-width:46rem;padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-block-start:-6.4rem;position:relative}.jp-drop{align-items:center;gap:var(--space-3);padding:var(--space-5);border:2px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface-alt);cursor:pointer;display:flex}.jp-drop:hover,.jp-drop:focus-visible,.jp-drop.is-over{border-color:var(--cyan-400);background:#effbfd}.jp-drop>span:last-child{gap:.25rem;display:grid}.jp-drop strong{color:var(--ink-900)}.jp-drop small,.jp-toolbar span{color:var(--ink-500)}.jp-drop .icon-tile{border-radius:var(--radius-md);background:var(--navy-800);width:2.9rem;height:2.9rem;color:var(--cyan-300);flex:none;place-items:center;display:grid}.jp-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--ink-700);font-size:var(--text-sm);white-space:pre-line;border:1px solid #f5c3cb;margin-block-start:var(--space-3)}.jp-empty{padding:var(--space-5);text-align:center;color:var(--ink-500);font-size:var(--text-sm);border:1px dashed var(--line);border-radius:var(--radius-lg);margin-block-start:var(--space-4)}.jp-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.jp-toolbar p{color:var(--ink-700)}.jp-toolbar span,.jp-note{color:var(--ink-500);font-size:var(--text-sm)}.jp-queue{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.jp-card{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-alt);grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;display:grid}.jp-thumb img{border-radius:var(--radius-sm);object-fit:cover;background:#eee;width:4.5rem;height:4.5rem;display:block}.jp-meta{gap:.3rem;min-width:0;display:grid}.jp-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.jp-status{color:var(--ink-500);font-size:var(--text-xs)}.jp-card[data-status=error] .jp-status{color:#a21d2a}.jp-card-actions{gap:.35rem;display:flex}.jp-card-actions button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:2.35rem;height:2.35rem;color:var(--ink-700);cursor:pointer}.jp-card-actions button:disabled{opacity:.45;cursor:not-allowed}.jp-card-actions svg{vertical-align:middle}.jp-actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.jp-actions .btn{flex:10rem}.jp-progress{gap:var(--space-2);margin-block:var(--space-4);display:grid}.jp-progress progress{width:100%;accent-color:var(--green-500)}.jp-result{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--ok-soft);border:1px solid #bfe8cf;margin-block-start:var(--space-4)}.jp-result h2{margin-block-start:0}.jp-compare{gap:var(--space-3);display:grid}.jp-compare figure{min-width:0;margin:0}.jp-compare img{object-fit:contain;width:100%;max-height:65vh;display:block}.jp-compare figcaption{color:var(--ink-700);font-size:var(--text-sm)}#jp-dialog{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(92vw,60rem);max-height:90vh}#jp-dialog::backdrop{background:#080f1e8c}.jp-prose{max-width:46rem;margin:var(--space-7) auto}.jp-prose h2{margin-block:var(--space-6) var(--space-2);font-size:var(--text-xl)}.jp-prose p,.jp-prose li{color:var(--ink-700)}@media (width>=48em){.jp-compare{grid-template-columns:1fr 1fr}}@media (width<=36em){.jp-app{padding:var(--space-3)}.jp-card{grid-template-columns:3.4rem minmax(0,1fr)}.jp-thumb img{width:3.4rem;height:3.4rem}.jp-card-actions{grid-column:2}}