:root{--typk-blue:#1768e5;--typk-blue-dark:#0f54c2;--typk-navy:#10213d;--typk-muted:#60708a;--typk-line:#dbe5f2;--typk-soft:#f5f8fc;--typk-green:#087f5b}.typk-tool,.typk-tool *{box-sizing:border-box}.typk-tool{color:var(--typk-navy);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:26px auto;max-width:1100px}.typk-tool [hidden]{display:none!important}.typk-card,.typk-content{background:#fff;border:1px solid var(--typk-line);border-radius:22px;box-shadow:0 18px 45px rgb(16 33 61 / .08);padding:30px}.typk-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}.typk-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 ease}.typk-drop:hover,.typk-drop:focus-visible,.typk-drop.is-drag{background:#edf5ff;border-color:var(--typk-blue);box-shadow:0 10px 25px rgb(23 104 229 / .12);outline:0;transform:translateY(-1px)}.typk-drop input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.typk-upload-icon{align-items:center;background:linear-gradient(145deg,var(--typk-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}.typk-drop strong{font-size:20px}.typk-drop span:not(.typk-upload-icon),.typk-drop small{color:var(--typk-muted)}.typk-alert{background:#fff1f1;border:1px solid #ffc9c9;border-radius:10px;color:#c92a2a;font-size:14px;margin-top:16px;padding:13px 16px}.typk-file-summary{align-items:center;background:#f8faff;border:1px solid var(--typk-line);border-radius:14px;display:grid;gap:13px;grid-template-columns:50px minmax(0,1fr) auto;margin-bottom:18px;padding:13px 15px}.typk-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}.typk-file-summary strong,.typk-file-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typk-file-summary small{color:var(--typk-muted);font-size:13px;margin-top:3px}.typk-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}.typk-layout{display:grid;gap:20px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}.typk-preview,.typk-settings{border:1px solid var(--typk-line);border-radius:16px;padding:18px}.typk-preview-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.typk-preview h2,.typk-settings h2{font-size:19px;margin:0}.typk-preview-head span{background:#eaf3ff;border-radius:99px;color:var(--typk-blue);font-size:12px;font-weight:800;padding:5px 9px}.typk-canvas-wrap{align-items:center;background:#edf2f8;border-radius:12px;color:var(--typk-muted);display:flex;justify-content:center;min-height:360px;overflow:hidden;padding:15px}.typk-canvas-wrap canvas{background:#fff;box-shadow:0 8px 25px rgb(25 45 73 / .16);display:block;height:auto;max-height:460px;max-width:100%;width:auto}.typk-levels{display:grid;gap:9px;margin-top:14px}.typk-levels label{align-items:center;background:#f8faff;border:1px solid var(--typk-line);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 13px}.typk-levels label.is-selected{background:#edf5ff;border-color:#7eb0ef;box-shadow:0 0 0 2px rgb(23 104 229 / .08)}.typk-levels input{accent-color:var(--typk-blue);height:18px;width:18px}.typk-levels strong,.typk-levels small{display:block}.typk-levels small{color:var(--typk-muted);font-size:12px;margin-top:1px}.typk-warning{background:#fff9e8;border:1px solid #f0d99c;border-radius:11px;color:#755c18;font-size:12px;line-height:1.55;margin-top:14px;padding:11px 12px}.typk-compress,.typk-download{align-items:center;background:linear-gradient(135deg,var(--typk-blue),var(--typk-blue-dark));border:0;border-radius:12px;box-shadow:0 10px 22px rgb(23 104 229 / .25);color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:800;gap:8px;justify-content:center;min-height:56px;padding:13px 18px;width:100%}.typk-compress{margin-top:15px}.typk-compress:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.typk-progress{background:var(--typk-soft);border:1px solid var(--typk-line);border-radius:12px;margin-top:17px;padding:14px}.typk-progress>div:first-child{display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.typk-progress-track{background:#dce7f4;border-radius:99px;height:9px;overflow:hidden}.typk-progress-track span{background:linear-gradient(90deg,var(--typk-blue),#48a1ff);display:block;height:100%;transition:width .2s ease;width:0}.typk-result{background:#ecfdf5;border:1px solid #9fe3c8;border-radius:16px;margin-top:17px;padding:18px}.typk-result-title{align-items:center;display:flex;gap:11px}.typk-result-title>span{align-items:center;background:#0a8b64;border-radius:50%;color:#fff;display:flex;font-weight:900;height:38px;justify-content:center;width:38px}.typk-result-title small,.typk-result-title strong{display:block}.typk-result-title small{color:#087f5b}.typk-result-title strong{color:#075f47;font-size:19px}.typk-stats{display:grid;gap:9px;grid-template-columns:repeat(3,1fr);margin:15px 0}.typk-stats div{background:rgb(255 255 255 / .72);border:1px solid #bce9d8;border-radius:10px;padding:10px 12px}.typk-stats small,.typk-stats strong{display:block}.typk-stats small{color:#4e7769;font-size:12px}.typk-stats strong{color:#075f47;font-size:15px;margin-top:2px}.typk-download{background:linear-gradient(135deg,#0a8b64,#087457);box-shadow:0 9px 20px rgb(8 127 91 / .22)}.typk-content{margin-top:26px}.typk-content h2{font-size:25px;margin:0 0 12px}.typk-content h2:not(:first-child){margin-top:28px}.typk-content p{color:#455874;line-height:1.75;margin:0 0 14px}.typk-content a{color:var(--typk-blue);font-weight:700}.typk-content-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:20px 0 6px}.typk-content-grid>div{background:var(--typk-soft);border:1px solid var(--typk-line);border-radius:13px;padding:18px}.typk-content-grid span{align-items:center;background:#e6f0ff;border-radius:9px;color:var(--typk-blue);display:flex;font-weight:800;height:32px;justify-content:center;width:32px}.typk-content-grid h3{font-size:17px;margin:12px 0 5px}.typk-content-grid p{font-size:14px;line-height:1.55;margin:0}@media(max-width:760px){.typk-tool{margin:14px auto}.typk-card,.typk-content{border-radius:15px;padding:16px}.typk-privacy{font-size:12px;margin-bottom:14px;padding:10px 12px}.typk-drop{min-height:180px;padding:20px 12px}.typk-drop strong{font-size:17px}.typk-layout{grid-template-columns:1fr}.typk-canvas-wrap{min-height:260px}.typk-file-summary{grid-template-columns:42px minmax(0,1fr)}.typk-file-icon{height:42px;width:42px}.typk-file-summary button{grid-column:1/-1;width:100%}.typk-stats{grid-template-columns:1fr}.typk-content-grid{grid-template-columns:1fr}.typk-content h2{font-size:21px}}