:root{color:#1d293d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f9fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,select,textarea,input{font:inherit}button,select{touch-action:manipulation}button{color:#34445e;cursor:pointer;background:#fff;border:1px solid #d9e1eb;border-radius:8px;min-height:44px;padding:8px 13px;font-size:.875rem;font-weight:550}button:hover:not(:disabled){color:#194bae;background:#edf3ff;border-color:#b5c9f4}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #87afff}textarea:focus-visible{outline-offset:-3px;outline:2px solid #8cafff}input:focus-visible{outline:3px solid #87afff}button.primary{color:#fff;background:#245edb;border-color:#245edb}button.primary:hover{color:#fff;background:#174cbf}.header{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:20px 18px;display:flex}.brand{color:inherit;align-items:center;gap:12px;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.brand-mark{color:#fff;letter-spacing:-2px;background:#245edb;border-radius:12px;place-items:center;width:44px;height:44px;padding-right:2px;font-family:ui-monospace,monospace;font-size:1.2rem;display:grid}.local-badge{color:#56677e;align-items:center;gap:7px;font-size:.8125rem;display:none}.local-badge span{color:#245edb}main{max-width:1244px;margin:auto;padding:22px 16px 0}.intro{margin-bottom:26px}.intro h1{letter-spacing:-.055rem;margin:0 0 10px;font-size:1.55rem;font-weight:650;line-height:1.2}.intro p{color:#65748a;margin:0;font-size:.9375rem}.converter{grid-template-columns:minmax(0,1fr);gap:16px;display:grid;position:relative}.panel{background:#fff;border:1px solid #dce3ee;border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 3px 10px #182a4810}.panel-heading{border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;gap:8px;min-height:81px;padding:14px 16px;display:flex}.format-control{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.format-control label{color:#68768a;font-size:.8125rem;font-weight:500}.format-control select{color:#245ac4;background:#edf3ff;border:0;border-radius:7px;max-width:100%;min-height:44px;padding:8px 29px 8px 11px;font-size:.9375rem;font-weight:600}.format-control select:disabled{opacity:1;appearance:none;padding-right:11px}.quiet{color:#6b788c;background:0 0;border:0}.input-body{flex:1;min-width:0;display:flex}textarea{resize:vertical;color:#22344e;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;width:100%;height:250px;min-height:220px;padding:22px 18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1rem;line-height:1.65}textarea::placeholder{color:#8190a5}textarea.plain-text{font-family:inherit}#output-text{color:#25456f;flex:1}.result-body{background:#fbfcff;flex-direction:column;flex:1;min-width:0;min-height:250px;display:flex;position:relative}.empty{text-align:center;color:#74839a;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:250px;padding:35px 16px;display:flex}.empty p{margin:14px 0 4px;font-size:.9375rem}.empty>span:last-child{color:#7b899d;font-size:.8125rem}.empty-symbol{color:#94a8c6;font-family:ui-monospace,monospace;font-size:1.9rem;line-height:1}.panel-footer{border-top:1px solid #e9edf3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:68px;padding:12px 14px;display:flex}.panel-footer>span{color:#6b7b91;font-size:.8125rem}.actions{gap:7px;display:flex}.swap{z-index:1;color:#245edb;border-radius:50%;justify-self:center;width:44px;height:44px;margin:-9px 0;padding:0;font-size:1.5rem;box-shadow:0 2px 5px #182a480a}.swap span{display:inline-block;transform:rotate(90deg)}.detected{color:#5b7290;text-align:right;overflow-wrap:anywhere;max-width:40%;font-size:.75rem}.notes{color:#69798e;flex-direction:column;gap:8px;padding:18px 2px;font-size:.8125rem;display:flex}.notes p{margin:0}.notes span{color:#245edb;margin-right:5px}.notification{color:#245ac4;min-height:1.5em;margin:0 0 10px;font-size:.875rem}.site-footer{color:#728198;max-width:1244px;margin:16px auto 0;padding:20px 18px 28px;font-size:.8125rem}.site-footer span{color:#bac5d4;margin:0 8px}.file-area{text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:250px;padding:28px 20px;display:flex}.file-area strong{word-break:break-word;max-width:100%;font-size:1rem}.file-area p{color:#6b7b91;margin:0;font-size:.875rem}.file-symbol{color:#245edb;background:#edf3ff;border-radius:10px;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}.drop-hint{color:#7b899d;font-size:.8125rem;display:none}.preview{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:250px;padding:14px;display:flex}.preview>img{object-fit:contain;background:repeating-conic-gradient(#e5eaf2 0% 25%,#f6f8fc 0% 50%) 50%/16px 16px;max-width:100%;max-height:480px;display:block}.pdf-canvas{background:#fff;max-width:100%;height:auto;display:block;box-shadow:0 2px 10px #182a481a}.pdf-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.875rem;display:flex}.preview-note{color:#64748b;text-align:center;margin:0;font-size:.875rem}.file-result{text-align:center;overflow-wrap:anywhere;max-width:100%}.file-result p{color:#687c95;font-size:.875rem}.error{color:#a32635;background:#fff1f2;border:1px solid #ffd4da;border-radius:8px;margin:20px;padding:15px;font-size:.9375rem}.encode-options{border-top:1px solid #e9edf3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:.8125rem;display:flex}.encode-options label{align-items:center;gap:7px;min-height:32px;display:flex}.encode-options input{accent-color:#245edb;width:17px;height:17px}.encode-options>span{color:#6d7d91;font-size:.75rem}.dragging .input-panel{outline-offset:2px;outline:3px solid #245edb}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width>=700px){.local-badge{display:flex}.header{padding:28px 24px}main{padding:35px 24px 0}.intro{margin-bottom:32px}.intro h1{font-size:2rem}.converter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.swap{width:42px;height:42px;margin:0;position:absolute;top:19px;left:50%;transform:translate(-50%)}.swap span{transform:none}.panel-heading{padding:16px 22px}.panel-footer{padding:12px 18px}textarea{height:350px;min-height:350px;padding:24px}.result-body,.empty,.file-area{min-height:350px}.notes{flex-direction:row;justify-content:space-between;gap:16px;padding-top:22px}.site-footer{padding-left:26px}.drop-hint{display:inline}.detected{font-size:.8125rem}}@media (width<=699px){main{padding:8px 12px 0}.intro{margin-bottom:10px}.intro h1{letter-spacing:-.03rem;margin-bottom:4px;font-size:1.3rem}.intro p{font-size:.875rem}.converter{gap:7px}.panel{border-radius:11px}.panel-heading{gap:6px;min-height:58px;padding:7px 11px}.format-control{gap:7px}.format-control select{min-height:40px;padding:6px 25px 6px 9px;font-size:.875rem}.quiet{min-height:40px;padding:6px 9px}textarea{height:140px;min-height:124px;padding:12px;font-size:.9375rem;line-height:1.5}.result-body,.empty{min-height:148px}.empty{padding:16px 10px}.empty p{margin:8px 0 2px;font-size:.875rem}.empty-symbol{font-size:1.5rem}.panel-footer{flex-wrap:nowrap;gap:6px;min-height:56px;padding:6px 9px}.panel-footer>span{font-size:.75rem}.actions{gap:5px}.actions button{min-height:42px;padding:6px 10px}.swap{width:40px;height:40px;margin:-10px 0;font-size:1.35rem}.detected{font-size:.6875rem}.notes{gap:5px;padding:12px 0;font-size:.75rem}.notification{margin-bottom:4px}.file-area{gap:7px;min-height:178px;padding:14px 12px}.file-area p{font-size:.8125rem}.file-symbol{width:36px;height:36px;font-size:1.25rem}.preview{gap:9px;min-height:160px;padding:9px}.preview>img{max-height:320px}.pdf-toolbar button{min-height:40px;padding:6px 10px}.pdf-toolbar{gap:7px}.preview-note{font-size:.8125rem}.error{margin:10px;padding:11px;font-size:.875rem}.encode-options{padding:8px 11px}}@media (prefers-reduced-motion:no-preference){button{transition:background .12s,border-color .12s}}