.base64-tool-view{min-height:calc(100vh - 92px);padding:42px 28px;background:#f3f6fb;color:#26354b;box-sizing:border-box;min-width:0}
.base64-tool-view[hidden]{display:none!important}.b64-container{max-width:1100px;margin:0 auto;min-width:0}.b64-heading{display:flex;align-items:center;gap:17px;margin-bottom:28px}.b64-brand{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:#2868b2;color:white;font:700 17px Consolas,monospace;box-shadow:0 6px 20px #2868b222}.b64-heading h1{margin:0 0 7px;font-size:25px;font-weight:650}.b64-heading p{margin:0;color:#718099;font-size:13px}.b64-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.b64-panel{min-width:0;padding:21px;border:1px solid #dde5ef;border-radius:10px;background:#fff;box-shadow:0 5px 18px #1d3d6310}.b64-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px;margin-bottom:14px}.b64-panel h2{margin:0;font-size:16px;font-weight:650}.b64-panel header>span{color:#93a0b2;font:12px Consolas,monospace}.b64-panel textarea{display:block;width:100%;min-height:290px;padding:15px;box-sizing:border-box;border:1px solid #d4deeb;border-radius:6px;resize:vertical;outline:none;font:14px/1.7 Consolas,"Microsoft YaHei",monospace;color:#273a52;background:#fff;overflow-wrap:anywhere}.b64-panel textarea:focus{border-color:#4989cf;box-shadow:0 0 0 3px #4989cf14}.b64-panel textarea[readonly]{background:#f8fafd}.b64-panel textarea::placeholder{color:#95a2b3}.b64-panel button{padding:8px 14px;border:1px solid #d6dfeb;border-radius:5px;background:#fff;color:#425675;font-size:13px;cursor:pointer}.b64-panel button:hover{background:#f0f5fc}.b64-panel button:disabled{cursor:default;opacity:.5}.b64-panel .b64-primary{border-color:#2868b2;background:#2868b2;color:white;padding:9px 25px}.b64-panel .b64-primary:hover{background:#1e579a}.b64-actions{display:flex;gap:10px;margin-top:16px}.b64-status{min-height:36px;margin-top:16px;padding-top:7px;color:#587794;font-size:12px}.b64-status.b64-error{color:#b23f43}.b64-note{margin:18px 3px;color:#8593a8;font-size:12px}.b64-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.base64-tool-view{padding:25px 15px}.b64-panels{grid-template-columns:minmax(0,1fr)}.b64-panel textarea{min-height:190px}}