.base64-tool [hidden]{display:none!important}.base64-card{padding:24px}.base64-privacy{display:flex;align-items:center;gap:8px;margin:0 0 22px;color:var(--muted)}.base64-privacy .icon{width:18px;height:18px}.base64-mode-tabs,.base64-submode-tabs{display:flex;gap:8px;margin-bottom:20px}.base64-mode,.base64-submode{padding:10px 18px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--heading);font:inherit;font-weight:700;cursor:pointer}.base64-mode:hover,.base64-mode.is-active,.base64-submode:hover,.base64-submode.is-active{border-color:var(--primary);background:#f7f6ff;color:var(--primary)}.base64-mode:focus-visible,.base64-submode:focus-visible,.base64-drop-zone:focus-visible{outline:3px solid #635bff55;outline-offset:2px}.base64-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.base64-panel,.base64-file-panel,.base64-file-result{min-width:0}.base64-panel h2,.base64-file-result h2{margin:0 0 8px;color:var(--heading);font-size:1.15rem}.base64-editor{display:block;width:100%;height:360px;resize:vertical;overflow:auto;padding:15px;border:1px solid var(--border);border-radius:10px;background:#171b35;color:#f4f5fb;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.base64-editor:focus{border-color:var(--primary);outline:3px solid #635bff33}.base64-editor[readonly]{background:#f7f8fc;color:var(--heading)}.base64-editor::placeholder{color:#8e96b2}.base64-action-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.base64-file-mode{}.base64-drop-zone{display:grid;justify-items:center;padding:34px 20px;border:1px dashed #cfd3e3;border-radius:14px;background:#f7f8fc;text-align:center}.base64-drop-zone.is-dragging{border-color:var(--primary);background:#eeedff}.base64-drop-zone h2{margin:10px 0 0;color:var(--heading);font-size:1.2rem}.base64-drop-zone p{margin:4px 0 12px}.base64-drop-icon{color:var(--primary)}.base64-drop-icon .icon{width:32px;height:32px}.base64-help{color:var(--muted);font-size:.82rem}.base64-file-state{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.base64-file-state strong,.base64-file-state span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base64-file-state span{color:var(--muted);font-size:.85rem}.base64-file-state .button{margin-left:6px}.base64-check{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--heading);font-weight:600}.base64-check input{width:17px;height:17px;accent-color:var(--primary)}.base64-file-actions{margin-top:16px}.base64-file-result{margin-top:22px;padding-top:22px;border-top:1px solid var(--border)}.base64-file-input-editor{height:270px}.base64-field-label{display:block;margin:0 0 7px;color:var(--heading);font-weight:700}.base64-file-settings{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px 12px;margin:16px 0}.base64-file-settings input,.base64-file-settings select{width:100%;min-height:42px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--heading);font:inherit}.base64-file-settings input:focus,.base64-file-settings select:focus{border-color:var(--primary);outline:3px solid #635bff33}.base64-status,.base64-tool .tool-error{margin-top:16px;padding:12px 14px;border-radius:9px}.base64-status{border:1px solid #b7e5d8;background:#eefbf7;color:#087f5b}.base64-tool .tool-error{border:1px solid #f0c1c1;background:#fff4f4;color:#a12a2a}.base64-reset{margin-top:18px}.base64-content{margin-top:20px}.base64-content h2{margin-top:34px}.base64-content h2:first-child{margin-top:0}.base64-content details{padding:15px 0;border-bottom:1px solid var(--border)}.base64-content summary{color:var(--heading);font-weight:700;cursor:pointer}.base64-content details p{margin:9px 0 0}@media(max-width:800px){.base64-editor-grid{grid-template-columns:1fr}.base64-editor{height:300px}}@media(max-width:560px){.base64-card{padding:16px}.base64-mode-tabs,.base64-submode-tabs{width:100%}.base64-mode,.base64-submode{flex:1;padding-left:8px;padding-right:8px}.base64-file-state{align-items:flex-start;flex-direction:column}.base64-file-settings{grid-template-columns:1fr}.base64-file-settings .base64-field-label{margin-top:5px}.base64-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.base64-action-row .button{width:100%;min-width:0}.base64-action-row .button:first-child{grid-column:1/-1}}