.htj-converter{width:min(100%,56rem);margin:0 auto;scroll-margin-top:4.5rem}.htj-tool-card{display:grid;gap:1rem;background:0 0;border:0;border-radius:0;padding:0;box-shadow:none}.htj-converter.is-quiet{max-width:none}.htj-converter.is-quiet .htj-tool-card{border:0;border-radius:0;padding:0;box-shadow:none;background:0 0}.htj-quiet-head{display:none}.htj-quiet-title{min-width:0;display:flex;align-items:center;gap:.7rem}.htj-quiet-title>span:last-child,.htj-quiet-detail>span:last-child{min-width:0;display:flex;flex-direction:column}.htj-quiet-title strong{font-size:.875rem;line-height:1.2;color:#1d1d1f}.htj-quiet-title small,.htj-quiet-detail small{margin-top:.16rem;font-size:.72rem;line-height:1.35;color:#6e6e73}.htj-quiet-app-icon,.htj-detail-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--action)}.htj-quiet-app-icon{width:36px;height:36px;border-radius:.5rem;background:#0066ff1a}.htj-quiet-app-icon svg{width:22px;height:22px}.htj-quiet-ready{flex:0 0 auto;display:inline-flex;align-items:center;gap:.42rem;font-size:.75rem;font-weight:600;color:#4d4d52}.htj-quiet-ready i{width:7px;height:7px;border-radius:50%;background:#30a45c;box-shadow:0 0 0 3px #30a45c1c}.htj-dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;border:2px dashed var(--dash);border-radius:.75rem;background:var(--drop-bg);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s cubic-bezier(.23,1,.32,1)}@media (min-width:1024px){.htj-dropzone{min-height:280px}}.htj-dropzone:hover{border-color:#0066ff80}.htj-dropzone:focus-visible,.htj-dropzone.is-dragover{border-color:var(--action);background:#0066ff0d;transform:scale(1.02);outline:0}.htj-dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1.25rem 1rem}@media (min-width:1024px){.htj-dropzone-inner{gap:1.5rem;padding:4rem 2rem}}.htj-converter.is-quiet .htj-dropzone{min-height:220px;margin:0;border:2px dashed var(--dash);border-radius:.75rem;background:var(--drop-bg)}.htj-converter.is-quiet .htj-dropzone:hover,.htj-converter.is-quiet .htj-dropzone:focus-visible{border-color:#0066ff80;background:#0066ff0d}.htj-converter.is-quiet .htj-dropzone:active{transform:scale(.995)}.htj-converter.is-quiet .htj-dropzone.is-dragover{border-color:var(--action);background:#0066ff0d}.htj-converter.is-quiet .htj-dropzone-inner{width:100%;padding:1.25rem 1rem}.htj-drop-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:999px;color:var(--action);background:#0066ff1a}.htj-drop-icon svg{width:1.5rem;height:1.5rem}.htj-drop-title{font-size:1.05rem;font-weight:500;color:var(--text);margin:0}.htj-converter.is-quiet .htj-drop-title{margin-bottom:0;font-size:1.05rem;line-height:1.4;letter-spacing:0}.htj-drop-helper{margin:0;font-size:.8125rem;line-height:1.45;color:#6e6e73}.htj-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.7rem;padding:.62rem 1.35rem;border-radius:.5rem;background:linear-gradient(135deg,#06f,#5d9dfd);color:#fff;font-size:.88rem;font-weight:600;border:0;cursor:pointer;transition:transform .12s ease-out,filter .16s ease}.htj-btn-primary svg{width:1rem;height:1rem}.htj-btn-primary:hover:not(:disabled){filter:brightness(.96);opacity:1}.htj-btn-primary:active:not(:disabled){transform:scale(.97)}.htj-btn-primary:disabled{opacity:.45;cursor:not-allowed}.htj-converter.is-quiet #htj-choose-btn,.htj-converter.is-quiet .htj-results-actions .htj-btn-primary{min-height:2.7rem;margin-top:0;padding:.62rem 1.35rem;border-radius:.5rem;background:linear-gradient(135deg,#06f,#5d9dfd);box-shadow:none}.htj-converter.is-quiet #htj-choose-btn:hover,.htj-converter.is-quiet .htj-results-actions .htj-btn-primary:hover:not(:disabled){filter:brightness(.96);opacity:1}.htj-converter.is-quiet #htj-choose-btn:active{transform:scale(.97)}.htj-btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.5rem .95rem;border-radius:.5rem;background:var(--chip-bg);color:var(--text);font-size:.82rem;font-weight:600;border:1px solid var(--hairline);cursor:pointer}.htj-btn-secondary:hover{border-color:#0066ff80;background:#0066ff0f}.htj-btn-link{display:inline-flex;align-items:center;justify-content:center;background:0 0;border:0;color:var(--action);font-size:.8125rem;font-weight:600;cursor:pointer;padding:.35rem .25rem;min-height:44px}.htj-download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;padding:.5rem .85rem;border-radius:.5rem;border:0;background:linear-gradient(135deg,#06f,#5d9dfd);color:#fff;font-size:.8125rem;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}.htj-download-btn:hover{filter:brightness(.96)}.htj-download-btn:focus-visible{outline:3px solid hsl(216 100% 50%/.25);outline-offset:2px}.htj-btn-link.danger{color:#d70015}.htj-trust{margin:.45rem 0 0;font-size:.6875rem;color:#6e6e73}.htj-converter.is-quiet .htj-trust{margin-top:.7rem;color:#68686e;letter-spacing:.005em}.htj-advanced{margin-top:.45rem;border-top:1px solid #e8e8ed;padding-top:.3rem}.htj-advanced summary{cursor:pointer;font-size:.8125rem;font-weight:600;color:#1d1d1f;list-style:none;min-height:36px;display:flex;align-items:center}.htj-advanced summary::-webkit-details-marker{display:none}.htj-advanced summary:after{content:"▾";margin-left:.4rem;color:#6e6e73}.htj-advanced[open] summary,.htj-advanced summary:hover{color:var(--action)}.htj-advanced summary:focus-visible{border-radius:6px;outline:3px solid hsl(216 100% 50%/.18);outline-offset:2px}.htj-advanced[open] summary:after{color:var(--action)}.htj-advanced-body{padding:.5rem 0 .25rem}.htj-quality-label{display:flex;justify-content:space-between;font-size:.875rem;font-weight:500;color:#1d1d1f;margin-bottom:.5rem}#htj-quality{width:100%;accent-color:var(--action)}.htj-hint{margin:.5rem 0 0;font-size:.8125rem;color:#6e6e73;line-height:1.45}.htj-format-note{margin-top:.55rem;padding:.7rem .8rem;border-radius:10px;background:#f5f5f7;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .75rem;color:#1d1d1f;font-size:.75rem}.htj-format-note span{color:#6e6e73}.htj-quiet-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;border:0}.htj-quiet-detail{min-width:0;min-height:0;padding:.85rem .95rem;display:flex;align-items:center;gap:.7rem;border:1px solid var(--hairline);border-radius:.75rem;background:var(--surface-strong)}.htj-quiet-detail+.htj-quiet-detail{border-left:1px solid var(--hairline)}.htj-detail-icon{width:32px;height:32px;border-radius:9px;background:#f2f7fd}.htj-detail-icon svg{width:19px;height:19px}.htj-quiet-detail strong{font-size:.78rem;line-height:1.2;color:#303034}.htj-privacy-note{margin:.4rem 0 0;font-size:.6875rem;color:#6e6e73;text-align:center}.htj-status{margin-top:.75rem;font-size:.875rem;color:#6e6e73;min-height:1.25rem}.htj-converter.is-quiet .htj-status{margin:0;padding:0 1rem .85rem;min-height:0;text-align:center;font-size:.8125rem}.htj-converter.is-quiet .htj-status:empty{display:none}.htj-converter.is-quiet .htj-status:not(.is-error):has(+.htj-results:not(.hidden)){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.htj-status.is-error{color:#d70015}.htj-results{margin-top:1.25rem;border-top:1px solid #e8e8ed;padding-top:1.25rem}.htj-converter.is-quiet .htj-results{margin:0;padding:1rem;border-top:1px solid rgba(0,0,0,.08);background:#ffffff94}.htj-results.hidden{display:none}.htj-results-bar{display:flex;flex-direction:column;gap:.85rem}@media (min-width:640px){.htj-results-bar{flex-direction:row;align-items:flex-start;justify-content:space-between}}.htj-progress-text{margin:0;font-size:.9375rem;font-weight:600;color:#1d1d1f}.htj-size-text{margin:.25rem 0 0;font-size:.8125rem;color:#6e6e73}.htj-results-actions{display:flex;flex-wrap:wrap;gap:.5rem}.htj-file-list{list-style:none;margin:1rem 0 0;padding:0;max-height:420px;overflow:auto;border:1px solid #e8e8ed;border-radius:12px}.htj-file-row{display:grid;grid-template-columns:48px 1fr auto;gap:.75rem;align-items:center;padding:.75rem .85rem;border-bottom:1px solid #e8e8ed}.htj-file-row:last-child{border-bottom:none}.htj-thumb{width:48px;height:48px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:#f5f5f7;border:1px solid #e8e8ed}.htj-thumb-placeholder{width:48px;height:48px;border-radius:8px;background:#f5f5f7;border:1px solid #e8e8ed;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#6e6e73;font-weight:600}.htj-file-meta{min-width:0}.htj-file-name{font-size:.875rem;font-weight:600;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htj-file-sub{font-size:.75rem;color:#6e6e73;margin-top:.15rem}.htj-badge{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:.15rem .45rem;border-radius:6px;margin-left:.35rem;vertical-align:middle}.htj-badge.waiting{background:#f5f5f7;color:#6e6e73}.htj-badge.converting{background:#e8f2ff;color:#0071e3}.htj-badge.done{background:#e5f5e9;color:#248a3d}.htj-badge.failed{background:#fde8ea;color:#d70015}.htj-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}@media (max-width:639px){.htj-quiet-head{min-height:62px;padding:.7rem .85rem}.htj-converter.is-quiet .htj-dropzone{min-height:230px;margin:.75rem}.htj-quiet-details{grid-template-columns:1fr}.htj-quiet-detail{min-height:64px;padding:.78rem .85rem}.htj-quiet-detail+.htj-quiet-detail{border-top:1px solid rgba(0,0,0,.08);border-left:0}}@media (pointer:coarse){.htj-converter.is-quiet #htj-choose-btn{min-height:48px}}@media (prefers-reduced-motion:reduce){.htj-converter.is-quiet .htj-dropzone,.htj-converter.is-quiet #htj-choose-btn{transition:none;transform:none!important}}@media (prefers-reduced-transparency:reduce){.htj-converter.is-quiet .htj-dropzone,.htj-converter.is-quiet .htj-results{background:#f5f5f7}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}