.htb64{--htb64-border:#dbe4f0;--htb64-bg:#fff;--htb64-soft:#f6f9fc;--htb64-text:#10213a;--htb64-muted:#607087;--htb64-blue:#2563eb;--htb64-blue2:#1d4ed8;--htb64-danger:#b42318;max-width:1120px;margin:24px auto;padding:24px;border:1px solid var(--htb64-border);border-radius:22px;background:var(--htb64-bg);color:var(--htb64-text);box-shadow:0 18px 48px rgba(15,35,70,.08);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}.htb64 *{box-sizing:border-box}.htb64__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.htb64__eyebrow{margin:0 0 5px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--htb64-blue)}.htb64__title{margin:0;font:700 clamp(24px,3vw,34px)/1.15 Poppins,Inter,sans-serif;color:var(--htb64-text)}.htb64__subtitle{max-width:780px;margin:9px 0 0;color:var(--htb64-muted);line-height:1.65}.htb64__privacy{flex:0 0 auto;padding:9px 12px;border:1px solid #cfe0ff;border-radius:999px;background:#f1f6ff;color:#214f9a;font-size:13px;font-weight:700}.htb64__mode{display:inline-flex;padding:4px;margin:2px 0 14px;border:1px solid var(--htb64-border);border-radius:12px;background:var(--htb64-soft)}.htb64__tab{appearance:none;border:0;background:transparent;color:var(--htb64-muted);padding:9px 18px;border-radius:9px;font-weight:800;cursor:pointer}.htb64__tab.is-active{background:#fff;color:var(--htb64-blue);box-shadow:0 2px 8px rgba(25,55,100,.09)}.htb64__options{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:18px}.htb64__check{display:inline-flex;align-items:center;gap:8px;color:#34455d;font-size:14px;font-weight:650;cursor:pointer}.htb64__check input{width:17px;height:17px;accent-color:var(--htb64-blue)}.htb64__grid{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:12px;align-items:stretch}.htb64__panel{min-width:0}.htb64__panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.htb64__label{font-weight:800;font-size:14px}.htb64__counter{font-size:12px;color:var(--htb64-muted)}.htb64__textarea{display:block;width:100%;min-height:300px;resize:vertical;padding:16px;border:1px solid #cfd9e7;border-radius:15px;background:#fbfdff;color:var(--htb64-text);font:500 14px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;outline:none;transition:.18s border-color,.18s box-shadow}.htb64__textarea:focus{border-color:#7ba7ff;box-shadow:0 0 0 4px rgba(37,99,235,.10)}.htb64__textarea[readonly]{background:#f8fafc}.htb64__swap-wrap{display:flex;align-items:center;justify-content:center}.htb64__icon-btn{width:42px;height:42px;border:1px solid var(--htb64-border);border-radius:50%;background:#fff;color:var(--htb64-blue);font-size:22px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(15,35,70,.08)}.htb64__icon-btn:hover{border-color:#9bbaff;background:#f6f9ff}.htb64__drop{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:82px;margin-top:10px;padding:12px;border:1.5px dashed #b9c8dc;border-radius:14px;background:var(--htb64-soft);color:#40526a;text-align:left;cursor:pointer;transition:.18s}.htb64__drop:hover,.htb64__drop.is-dragover{border-color:var(--htb64-blue);background:#f2f6ff}.htb64__file{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.htb64__drop-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf1ff;color:var(--htb64-blue);font-size:20px}.htb64__drop small{color:var(--htb64-muted)}.htb64__file-meta{margin-top:8px;padding:9px 11px;border-radius:10px;background:#f7f9fc;color:#506078;font-size:12px}.htb64__output-actions{display:flex;gap:8px;margin-top:10px}.htb64__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.htb64__btn{appearance:none;border:1px solid var(--htb64-border);border-radius:11px;background:#fff;color:#25364d;padding:10px 15px;font-weight:800;cursor:pointer;transition:.18s}.htb64__btn:hover:not(:disabled){transform:translateY(-1px);border-color:#a9bdd8;background:#f9fbfe}.htb64__btn--primary{border-color:var(--htb64-blue);background:var(--htb64-blue);color:#fff}.htb64__btn--primary:hover:not(:disabled){border-color:var(--htb64-blue2);background:var(--htb64-blue2)}.htb64__btn--soft{padding:8px 12px;background:var(--htb64-soft)}.htb64__btn:disabled{opacity:.48;cursor:not-allowed}.htb64__status{margin-top:14px;padding:11px 13px;border-radius:11px;background:#f6f9fc;color:#53657d;font-size:13px}.htb64__status.is-error{background:#fff3f2;color:var(--htb64-danger)}.htb64__status.is-success{background:#ecfdf3;color:#067647}.htb64__notice{margin-top:14px;padding:12px 14px;border-left:3px solid #f59e0b;border-radius:8px;background:#fffbeb;color:#684d0a;font-size:13px;line-height:1.55}.htb64__datauri-option{display:inline-flex}
@media(max-width:780px){.htb64{padding:17px;border-radius:17px}.htb64__topbar{display:block}.htb64__privacy{display:inline-block;margin-top:12px}.htb64__grid{grid-template-columns:1fr}.htb64__swap-wrap{height:42px}.htb64__icon-btn{transform:rotate(90deg)}.htb64__textarea{min-height:230px}.htb64__panel-head{align-items:flex-end}.htb64__actions,.htb64__output-actions{display:grid;grid-template-columns:1fr 1fr}.htb64__actions .htb64__btn--primary{grid-column:1/-1}}
@media(prefers-color-scheme:dark){.htb64{--htb64-border:#2d405c;--htb64-bg:#101827;--htb64-soft:#172235;--htb64-text:#edf4ff;--htb64-muted:#9fb0c7;background:var(--htb64-bg);box-shadow:none}.htb64__tab.is-active,.htb64__icon-btn,.htb64__btn{background:#18253a;color:#e6efff}.htb64__textarea{background:#121d2e;border-color:#334965;color:#edf4ff}.htb64__textarea[readonly]{background:#162133}.htb64__check{color:#c8d4e5}.htb64__drop{color:#d8e4f4}.htb64__file-meta{background:#172235;color:#abc0d8}.htb64__status{background:#172235;color:#b9cae0}.htb64__btn--primary{background:var(--htb64-blue);color:#fff}.htb64__notice{background:#2b2511;color:#f8df8f}.htb64__privacy{background:#152849;color:#a9c8ff;border-color:#294a80}}