.jtp-empty-hint{margin:0;padding:var(--spacing-6);font-size:14px;color:var(--color-text-2);text-align:center}.jtp-error-banner{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger-text);font-size:13px;font-weight:500}.jtp-error-banner--global{background:var(--color-danger-soft);padding:var(--spacing-3) var(--spacing-4);font-size:14px}.jtp-dropzone-wrap{display:flex;flex-direction:column;gap:var(--spacing-3)}.jtp-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-8) var(--spacing-6);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease-out;min-height:44px}.jtp-dropzone:hover,.jtp-dropzone:focus-within,.jtp-dropzone.is-dragging{border-color:var(--color-accent);background:var(--color-accent-bg);transform:scale(1.01)}.jtp-dropzone:focus{outline:3px solid var(--color-accent);outline-offset:2px}.jtp-dropzone.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}[data-theme=dark] .jtp-dropzone{background:var(--color-bg-3)}.jtp-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.jtp-dropzone__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:var(--spacing-2);border-radius:50%;background:var(--color-accent-bg);color:var(--color-accent)}.jtp-dropzone__title{font-size:15px;font-weight:600;color:var(--color-text-1)}.jtp-dropzone__sub{font-size:13px;color:var(--color-text-2)}.jtp-dropzone__browse{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);font-size:13px;font-weight:600;min-height:44px}.jtp-dropzone__hint{margin-top:var(--spacing-2);font-size:12px;color:var(--color-text-2);font-variant-numeric:tabular-nums}.jtp-dropzone.is-compact{flex-direction:row;padding:var(--spacing-3) var(--spacing-4);min-height:44px;gap:var(--spacing-2);justify-content:center}.jtp-dropzone.is-compact .jtp-dropzone__icon{width:28px;height:28px;margin-bottom:0;background:transparent}.jtp-dropzone.is-compact .jtp-dropzone__title{font-size:13px}@media(min-width:641px){.jtp-dropzone.is-compact{flex-direction:column;padding:var(--spacing-8) var(--spacing-6);gap:var(--spacing-1)}.jtp-dropzone.is-compact .jtp-dropzone__icon{width:52px;height:52px;margin-bottom:var(--spacing-2);background:var(--color-accent-bg)}.jtp-dropzone.is-compact .jtp-dropzone__title{font-size:15px}}.jtp-privacy-notice{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success-text);font-size:12px;font-weight:500}.jtp-file-queue{display:flex;flex-direction:column;gap:var(--spacing-3)}.jtp-file-queue__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.jtp-file-queue__count{font-size:13px;font-weight:600;color:var(--color-text-1)}.jtp-file-queue__list{display:flex;flex-direction:column;gap:var(--spacing-2);margin:0;padding:0;list-style:none}.jtp-file-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2)}.jtp-file-row.has-error{border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border))}[data-theme=dark] .jtp-file-row{background:var(--color-bg-3)}.jtp-file-row__thumb{width:40px;height:40px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-bg-3)}.jtp-file-row__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.jtp-file-row__name{font-size:14px;font-weight:600;color:var(--color-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jtp-file-row__meta{font-size:12px;color:var(--color-text-2);font-variant-numeric:tabular-nums}.jtp-file-row__error-badge{display:inline-flex;align-items:center;gap:4px;color:var(--color-danger-text);font-size:12px}.jtp-file-row__remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:44px;min-height:44px;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-2);cursor:pointer;transition:color .15s ease,border-color .15s ease}.jtp-file-row__remove:hover{color:var(--color-text-1);border-color:var(--color-text-2)}.jtp-file-row__remove:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.jtp-text-btn{border:none;background:none;cursor:pointer;font:inherit;font-size:13px;font-weight:500;color:var(--color-text-2);padding:4px 6px;border-radius:var(--radius-sm);min-height:44px}.jtp-text-btn:hover{color:var(--color-text-1)}.jtp-text-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.jtp-progress{display:flex;flex-direction:column;gap:var(--spacing-2)}.jtp-progress__bar-wrap{width:100%;height:8px;border-radius:999px;background:var(--color-bg-3);overflow:hidden}.jtp-progress__bar{height:100%;background:var(--color-accent);border-radius:999px;transition:width .2s linear}.jtp-progress__label{margin:0;font-size:13px;color:var(--color-text-2);font-variant-numeric:tabular-nums}.jtp-convert-panel__ready{margin:0 0 var(--spacing-2) 0;font-size:14px;font-weight:600;color:var(--color-success-text)}.jtp-convert-panel__actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center}.jtp-compare{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-md);user-select:none;touch-action:none;border:1px solid var(--color-border);max-height:280px}.jtp-compare__before{display:block;width:100%;height:260px;object-fit:cover;pointer-events:none}.jtp-compare__after-wrap{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--jtp-pos, 50%)) 0 0)}.jtp-compare__after{display:block;width:100%;height:260px;object-fit:cover;pointer-events:none}.jtp-compare__handle{position:absolute;top:0;bottom:0;left:var(--jtp-pos, 50%);transform:translate(-50%);width:3px;background:#fff;box-shadow:0 0 0 1px #00000026;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:3}.jtp-compare__knob{width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000038;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#555}.jtp-compare__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:4;-webkit-appearance:none;appearance:none}.jtp-compare__range:focus-visible{outline:none}.jtp-compare__range:focus-visible~.jtp-compare__handle .jtp-compare__knob{box-shadow:0 0 0 3px var(--color-accent)}.jtp-compare__label-before,.jtp-compare__label-after{position:absolute;bottom:var(--spacing-2);padding:2px 6px;border-radius:var(--radius-sm);background:#0000008c;color:#fff;font-size:11px;font-weight:600;pointer-events:none;z-index:5}.jtp-compare__label-before{left:var(--spacing-2)}.jtp-compare__label-after{right:var(--spacing-2)}.jtp-result-card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-2);animation:jtp-fade-up .3s ease-out}[data-theme=dark] .jtp-result-card{background:var(--color-bg-3)}.jtp-result-card--error{flex-direction:row;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border))}.jtp-result-card__error-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger-text)}.jtp-result-card__error-msg{font-size:12px;color:var(--color-danger-text)}.jtp-result-card__footer{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)}.jtp-result-card__sizes{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.jtp-result-card__name{font-size:14px;font-weight:600;color:var(--color-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jtp-result-card__meta{font-size:12px;color:var(--color-text-2);font-variant-numeric:tabular-nums;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.jtp-result-card__delta{font-size:11px;font-weight:600;padding:1px 4px;border-radius:4px}.jtp-result-card__delta.is-larger{background:var(--color-danger-soft);color:var(--color-danger-text)}.jtp-result-card__delta.is-smaller{background:var(--color-success-soft);color:var(--color-success-text)}.jtp-result-card__dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);width:auto;height:auto;min-width:44px;min-height:44px;flex-shrink:0;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-accent);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.jtp-result-card__dl-btn:hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.jtp-result-card__dl-btn:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.jtp-result-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.jtp-result-list__heading{margin:0 0 var(--spacing-1) 0;font-size:14px;font-weight:700;color:var(--color-text-1)}.jtp-history{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.jtp-history__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-2)}[data-theme=dark] .jtp-history__head{background:var(--color-bg-3)}.jtp-history__title{margin:0;font-size:13px;font-weight:600;color:var(--color-text-1)}.jtp-history__empty{margin:0;padding:var(--spacing-4);font-size:13px;color:var(--color-text-2);text-align:center}.jtp-history__list{margin:0;padding:0;list-style:none}.jtp-history__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-border)}.jtp-history__item:last-child{border-bottom:none}.jtp-history__filename{font-family:var(--font-mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;color:var(--color-text-1)}.jtp-history__time{font-size:11px;color:var(--color-text-2);white-space:nowrap;flex-shrink:0}.jtp-history__redownload{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-2);cursor:pointer;transition:color .15s ease,border-color .15s ease}.jtp-history__redownload:hover{color:var(--color-accent);border-color:var(--color-accent)}.jtp-history__redownload:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.jtp-toast-container{position:fixed;bottom:var(--spacing-6);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--spacing-2);z-index:9999;pointer-events:none;max-width:calc(100vw - var(--spacing-8))}.jtp-toast{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026;font-size:13px;font-weight:500;pointer-events:all;animation:jtp-toast-in .25s ease-out;min-width:240px;max-width:380px}.jtp-toast--success{background:var(--color-success);color:var(--color-on-status)}.jtp-toast--error{background:var(--color-danger);color:var(--color-on-status)}.jtp-toast__icon{display:inline-flex;flex-shrink:0}.jtp-toast__message{flex:1}.jtp-toast__dismiss{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:none;background:#ffffff40;border-radius:50%;cursor:pointer;color:inherit;padding:0}.jtp-toast__dismiss:hover{background:#fff6}.jtp-trust-note{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success-text);font-size:12px;font-weight:500}.jtp-trust-note code{font-family:var(--font-mono);font-size:12px;background:var(--color-success-soft);padding:1px 4px;border-radius:4px}@keyframes jtp-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes jtp-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.jtp-result-card,.jtp-toast,.jtp-dropzone,.jtp-progress__bar{animation:none!important;transition:none!important}}@container (max-width: 480px){.jtp-panel{padding:var(--spacing-4)}.jtp-dropzone{padding:var(--spacing-6) var(--spacing-4)}.jtp-convert-panel__actions{flex-direction:column}.jtp-convert-panel__actions>*{width:100%}.jtp-compare__before,.jtp-compare__after{height:180px}.jtp-compare{max-height:200px}}@container (min-width: 481px) and (max-width: 768px){.jtp-compare__before,.jtp-compare__after{height:220px}.jtp-compare{max-height:240px}}@container (min-width: 520px){.jtp-compare{max-height:none;min-height:320px}}.tw-below .jtp-history{padding:0 var(--spacing-6) var(--spacing-6)}@container (min-width: 720px){.jtp-history__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}}@container (min-width: 1100px){.jtp-history__list{grid-template-columns:repeat(3,minmax(0,1fr))}}