#gw-base64-tool{
  --gw-text:#222;--gw-muted:#777;--gw-border:#d9d9d9;--gw-bg:#fff;--gw-surface:#fafafa;--gw-primary:#0066cc;--gw-primary-hover:#0f67df;--gw-danger:#d64545;--gw-ok:#198754;
  width:100%;max-width:820px;margin:24px auto;padding:0;color:var(--gw-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;box-sizing:border-box;
}
#gw-base64-tool,#gw-base64-tool *{box-sizing:border-box}
#gw-base64-tool.gw-dark,html.drK #gw-base64-tool,body.drK #gw-base64-tool,body.darkMode #gw-base64-tool,body.dark-mode #gw-base64-tool,body.dark #gw-base64-tool,html.darkMode #gw-base64-tool,html.dark-mode #gw-base64-tool,html.dark #gw-base64-tool,#gw-base64-tool[data-theme="dark"]{--gw-text:#eee;--gw-muted:#aaa;--gw-border:#3a3a3a;--gw-bg:#171717;--gw-surface:#202020;--gw-primary:#4b91ff;--gw-primary-hover:#67a3ff;--gw-danger:#ff7070;--gw-ok:#55c98a}
#gw-base64-tool .gw-workbench{width:100%;border:1px solid var(--gw-border);border-radius:0;background:transparent;color:var(--gw-text);overflow:hidden}
#gw-base64-tool .gw-header{display:flex;align-items:center;gap:12px;padding:20px 24px 17px;border-bottom:1px solid var(--gw-border)}
#gw-base64-tool .gw-header-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid var(--gw-border);border-radius:11px;background:var(--gw-surface);color:var(--gw-primary)}
#gw-base64-tool .gw-header-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#gw-base64-tool .gw-header-copy{min-width:0;flex:1 1 auto}
#gw-base64-tool .gw-title{margin:0!important;padding:0!important;font-size:22px;line-height:1.3;font-weight:700;color:var(--gw-text)}
#gw-base64-tool .gw-description{margin:5px 0 0!important;padding:0!important;color:var(--gw-muted);font-size:13px;line-height:1.5}
#gw-base64-tool .gw-main{padding:20px 24px 22px}
#gw-base64-tool .gw-modebar{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 16px}
#gw-base64-tool .gw-mode{width:100%;min-width:0!important;min-height:40px!important;margin:0!important;padding:0 18px!important;border:1px solid var(--gw-border)!important;border-radius:7px!important;background:var(--gw-surface)!important;color:var(--gw-muted)!important;font:600 13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;text-align:center;cursor:pointer;white-space:nowrap;appearance:none;-webkit-appearance:none;transition:background .18s,border-color .18s,color .18s,transform .18s}
#gw-base64-tool .gw-mode:hover{border-color:var(--gw-primary)!important;color:var(--gw-primary)!important}
#gw-base64-tool .gw-mode.gw-active{background:var(--gw-primary)!important;border-color:var(--gw-primary)!important;color:#fff!important}
#gw-base64-tool .gw-mode:active,#gw-base64-tool .gw-swap:active,#gw-base64-tool .gw-action-button:active{transform:translateY(1px)}
#gw-base64-tool .gw-swap{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border:1px solid var(--gw-border)!important;border-radius:50%!important;background:var(--gw-bg)!important;color:var(--gw-muted)!important;display:grid!important;place-items:center!important;cursor:pointer;appearance:none;-webkit-appearance:none}
#gw-base64-tool .gw-swap:hover{border-color:var(--gw-primary)!important;background:var(--gw-surface)!important;color:var(--gw-primary)!important}
#gw-base64-tool .gw-swap svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#gw-base64-tool .gw-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 7px;padding:0}
#gw-base64-tool .gw-editor-title{margin:0;padding:0;font-size:12px;line-height:1.4;font-weight:600;color:var(--gw-text)}
#gw-base64-tool .gw-count{margin:0;padding:0;color:var(--gw-muted);font-size:11px;line-height:1.4;white-space:nowrap}
#gw-base64-tool textarea{display:block;width:100%;height:210px;min-height:180px;margin:0;padding:12px;border:1px solid var(--gw-border);border-radius:5px;outline:0;resize:vertical;color:var(--gw-text);background:var(--gw-surface);font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;white-space:pre-wrap;word-break:break-word;appearance:none;-webkit-appearance:none}
#gw-base64-tool textarea:focus{border-color:var(--gw-primary);box-shadow:0 0 0 2px rgba(22,119,255,.14)}
#gw-base64-tool textarea::placeholder{color:var(--gw-muted);opacity:.75}
#gw-base64-tool .gw-input-actions,#gw-base64-tool .gw-output-actions{display:flex;align-items:stretch;gap:8px;width:100%;margin:10px 0 0;padding:0}
#gw-base64-tool .gw-action-button,#gw-base64-tool .gw-output-action{flex:1 1 0;min-width:0;min-height:40px;margin:0;padding:0 12px;border:1px solid var(--gw-border);border-radius:7px;background:var(--gw-bg);color:var(--gw-text);font:600 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .18s}
#gw-base64-tool .gw-primary{border-color:var(--gw-primary)!important;background:var(--gw-primary)!important;color:#fff!important}
#gw-base64-tool .gw-primary:hover{border-color:var(--gw-primary-hover)!important;background:var(--gw-primary-hover)!important}
#gw-base64-tool .gw-secondary-action:hover{border-color:var(--gw-danger)!important;color:var(--gw-danger)!important}
#gw-base64-tool .gw-output-action:hover{border-color:var(--gw-primary)!important;color:var(--gw-primary)!important}
#gw-base64-tool .gw-output-action.gw-copied{border-color:var(--gw-ok)!important;background:var(--gw-bg)!important;color:var(--gw-ok)!important}
#gw-base64-tool .gw-output-action.gw-copied:hover{border-color:var(--gw-ok)!important;background:var(--gw-bg)!important;color:var(--gw-ok)!important}
#gw-base64-tool .gw-output-action.gw-copied .gw-button-icon{color:var(--gw-ok)}
#gw-base64-tool .gw-button-icon,#gw-base64-tool .gw-action-icon{width:16px;height:16px;min-width:16px;margin:0 6px 0 0;padding:0;display:inline-grid;place-items:center;line-height:0}
#gw-base64-tool .gw-button-icon svg,#gw-base64-tool .gw-action-icon svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#gw-base64-tool .gw-action-icon{transform-origin:center}
@keyframes gw-base64-spark{0%{transform:scale(1);opacity:1}35%{transform:scale(1.15) rotate(-6deg);opacity:.82}65%{transform:scale(.94) rotate(4deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
#gw-base64-tool .gw-action-icon.gw-processing{animation:gw-base64-spark .48s ease-out}
#gw-base64-tool .gw-divider{width:100%;height:1px;margin:18px 0;background:var(--gw-border)}
#gw-base64-tool .gw-status{display:flex;align-items:center;gap:7px;min-height:20px;margin:11px 0 0;padding:0;color:var(--gw-muted);font-size:11px;line-height:1.4}
#gw-base64-tool .gw-status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}
#gw-base64-tool .gw-status.gw-ok{color:var(--gw-ok)}
#gw-base64-tool .gw-status.gw-error{color:var(--gw-danger)}
#gw-base64-tool .gw-info{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--gw-border);color:var(--gw-muted);font-size:11px;line-height:1.55}
#gw-base64-tool .gw-info:before{content:"i";display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;margin-top:1px;border:1px solid currentColor;border-radius:50%;color:var(--gw-primary);font-size:9px;font-weight:700}
@media(max-width:700px){
#gw-base64-tool{max-width:100%;margin:16px auto}
#gw-base64-tool .gw-header{padding:18px 16px 15px}
#gw-base64-tool .gw-main{padding:16px}
#gw-base64-tool .gw-title{font-size:20px}
#gw-base64-tool .gw-modebar{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:7px}
#gw-base64-tool .gw-mode{padding:0 8px!important;font-size:12px!important}
#gw-base64-tool textarea{height:200px;min-height:170px}
}
@media(max-width:430px){
#gw-base64-tool .gw-header{padding:16px 14px 14px;gap:10px}
#gw-base64-tool .gw-header-icon{width:38px;height:38px;flex-basis:38px;border-radius:10px}
#gw-base64-tool .gw-header-icon svg{width:20px;height:20px}
#gw-base64-tool .gw-title{font-size:18px}
#gw-base64-tool .gw-description{font-size:12px}
#gw-base64-tool .gw-main{padding:14px}
#gw-base64-tool .gw-modebar{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:5px}
#gw-base64-tool .gw-mode{min-height:38px!important;padding:0 5px!important;font-size:11px!important}
#gw-base64-tool .gw-swap{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
#gw-base64-tool .gw-swap svg{width:15px;height:15px}
#gw-base64-tool textarea{height:190px;min-height:160px;padding:10px;font-size:11.5px}
#gw-base64-tool .gw-input-actions,#gw-base64-tool .gw-output-actions{gap:7px}
#gw-base64-tool .gw-action-button,#gw-base64-tool .gw-output-action{min-height:40px;padding:0 8px;font-size:11px}
}