.typj-tool{--typj-blue:#1768e5;--typj-blue-dark:#0e55bf;--typj-navy:#10213d;--typj-muted:#60708a;--typj-line:#dbe5f2;--typj-soft:#f5f8fc;--typj-green:#087f5b;color:var(--typj-navy);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:26px auto;max-width:1120px}.typj-tool,.typj-tool *{box-sizing:border-box}.typj-tool [hidden]{display:none!important}.typj-card{background:#fff;border:1px solid var(--typj-line);border-radius:22px;box-shadow:0 18px 45px rgb(16 33 61 / .08);padding:30px}.typj-privacy{align-items:center;background:#edfbf7;border:1px solid #b9eadb;border-radius:12px;color:#086b50;display:flex;font-size:14px;gap:10px;margin-bottom:22px;padding:13px 16px}.typj-drop{align-items:center;background:#f6f9fe;border:2px dashed #91baf4;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:230px;padding:28px;text-align:center;transition:.2s}.typj-drop:hover,.typj-drop:focus-visible,.typj-drop.is-drag{background:#edf5ff;border-color:var(--typj-blue);box-shadow:0 10px 25px rgb(23 104 229 / .12);outline:0;transform:translateY(-1px)}.typj-drop input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.typj-upload-icon{align-items:center;background:linear-gradient(145deg,var(--typj-blue),#2c7bf1);border-radius:50%;box-shadow:0 8px 18px rgb(23 104 229 / .25);color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.typj-drop strong{font-size:20px}.typj-drop span:not(.typj-upload-icon),.typj-drop small{color:var(--typj-muted)}.typj-alert{background:#fff1f1;border:1px solid #ffc9c9;border-radius:10px;color:#c92a2a;font-size:14px;margin-top:16px;padding:13px 16px}.typj-file-summary{align-items:center;background:#f8faff;border:1px solid var(--typj-line);border-radius:14px;display:grid;gap:13px;grid-template-columns:50px minmax(0,1fr) auto;margin-bottom:18px;padding:13px 15px}.typj-file-icon{align-items:center;background:#fff0f0;border-radius:9px;color:#d73737;display:flex;font-size:12px;font-weight:900;height:48px;justify-content:center;width:50px}.typj-file-summary strong,.typj-file-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typj-file-summary small{color:var(--typj-muted);font-size:13px;margin-top:3px}.typj-file-summary button{background:#fff;border:1px solid #cfdbea;border-radius:9px;color:#2d4667;cursor:pointer;font-size:13px;font-weight:750;padding:9px 12px}.typj-layout{display:grid;gap:20px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.typj-preview-panel,.typj-settings{border:1px solid var(--typj-line);border-radius:16px;padding:18px}.typj-panel-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.typj-panel-head h2,.typj-settings h2{font-size:19px;margin:0}.typj-panel-head p{color:var(--typj-muted);font-size:12px;margin:4px 0 0}.typj-panel-head>span{background:#eaf3ff;border-radius:99px;color:var(--typj-blue);font-size:12px;font-weight:800;padding:5px 9px;white-space:nowrap}.typj-preview-grid{background:#eef3f8;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));max-height:520px;min-height:280px;overflow:auto;padding:13px}.typj-loading{align-items:center;color:var(--typj-muted);display:flex;grid-column:1/-1;justify-content:center}.typj-preview-item{align-items:center;display:flex;flex-direction:column;gap:6px;min-width:0}.typj-preview-item canvas{background:#fff;box-shadow:0 5px 16px rgb(20 40 70 / .15);display:block;height:145px;max-width:100%;object-fit:contain;width:auto}.typj-preview-item span{color:#536984;font-size:11px;font-weight:750}.typj-preview-note{background:#fff9e8;border:1px solid #f0d99c;border-radius:9px;color:#735d20;font-size:12px;margin:10px 0 0;padding:9px 11px}.typj-settings{align-self:start;display:grid;gap:13px}.typj-settings>label{color:#425a76;display:grid;font-size:12px;font-weight:750;gap:6px}.typj-settings select,.typj-pages input[type="text"]{background:#fff;border:1px solid #cad9ea;border-radius:10px;color:var(--typj-navy);font:inherit;font-size:14px;padding:10px;width:100%}.typj-quality input{accent-color:var(--typj-blue);width:100%}.typj-pages{border:1px solid var(--typj-line);border-radius:12px;display:grid;gap:8px;margin:0;padding:12px}.typj-pages legend{color:#425a76;font-size:12px;font-weight:800;padding:0 5px}.typj-pages label{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:7px}.typj-pages input[type="radio"]{accent-color:var(--typj-blue)}.typj-pages small{color:var(--typj-muted);font-size:11px;line-height:1.45}.typj-note{background:#eef5ff;border-radius:10px;color:#536b87;font-size:12px;line-height:1.55;margin:0;padding:11px}.typj-actions{margin-top:20px}.typj-convert,.typj-zip{align-items:center;background:linear-gradient(135deg,var(--typj-blue),var(--typj-blue-dark));border:0;border-radius:13px;box-shadow:0 10px 24px rgb(23 104 229 / .24);color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:850;gap:8px;justify-content:center;min-height:56px;padding:13px 22px}.typj-convert{width:100%}.typj-convert:disabled,.typj-zip:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.typj-progress{background:var(--typj-soft);border:1px solid var(--typj-line);border-radius:12px;margin-top:17px;padding:14px}.typj-progress>div:first-child{display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.typj-progress-track{background:#dce7f4;border-radius:99px;height:9px;overflow:hidden}.typj-progress-track span{background:linear-gradient(90deg,var(--typj-blue),#35a3ff);display:block;height:100%;transition:width .2s;width:0}.typj-results{background:#f8fbff;border:1px solid var(--typj-line);border-radius:16px;margin-top:18px;padding:18px}.typj-results-head{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.typj-results-head small{color:var(--typj-green)}.typj-results-head h2{font-size:21px;margin:2px 0 0}.typj-zip{background:linear-gradient(135deg,#0a8b64,#087457);box-shadow:0 9px 20px rgb(8 127 91 / .22);font-size:14px;min-height:45px}.typj-result-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.typj-result-item{background:#fff;border:1px solid var(--typj-line);border-radius:12px;display:grid;gap:8px;min-width:0;padding:10px}.typj-result-item img{background:#edf2f7;border-radius:7px;height:160px;object-fit:contain;width:100%}.typj-result-item strong,.typj-result-item small{display:block}.typj-result-item strong{font-size:13px}.typj-result-item small{color:var(--typj-muted);font-size:11px;margin-top:2px}.typj-result-item button{background:#e8f2ff;border:1px solid #bdd6f5;border-radius:8px;color:#145dbb;cursor:pointer;font-weight:800;padding:8px;width:100%}@media(max-width:820px){.typj-tool{margin:14px auto}.typj-card{border-radius:15px;padding:16px}.typj-privacy{font-size:12px;margin-bottom:14px;padding:10px 12px}.typj-drop{min-height:180px;padding:20px 12px}.typj-drop strong{font-size:17px}.typj-layout{grid-template-columns:1fr}.typj-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:430px}.typj-preview-item canvas{height:125px}.typj-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.typj-file-summary{grid-template-columns:42px minmax(0,1fr)}.typj-file-icon{height:42px;width:42px}.typj-file-summary button{grid-column:1/-1;justify-self:start}.typj-results-head{align-items:stretch;flex-direction:column}.typj-zip{width:100%}}@media(max-width:460px){.typj-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.typj-preview-item canvas{height:112px}.typj-result-grid{grid-template-columns:1fr}.typj-result-item{grid-template-columns:82px minmax(0,1fr);align-items:center}.typj-result-item img{grid-row:1/3;height:92px}.typj-result-item button{grid-column:2}.typj-convert{font-size:15px;padding-left:12px;padding-right:12px}.typj-panel-head{align-items:stretch;flex-direction:column}.typj-panel-head>span{align-self:flex-start}}