.base64-tool{padding:20px}.base64-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.base64-options label,.field-label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:12px;font-weight:bold}.base64-options select{box-sizing:border-box;width:100%;min-height:40px;padding:8px 9px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color);font-size:12px}.base64-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.base64-panel{min-width:0;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--panel-bg)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.panel-title{margin:0;color:var(--text-color);font-size:15px}.input-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.base64-panel textarea{box-sizing:border-box;width:100%;min-height:170px;padding:11px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color);font:14px/1.55 Menlo,Consolas,Monaco,"Courier New",monospace;resize:vertical}.compact-clear{min-width:68px;padding:9px 11px}.mini-copy,.copy-all,.download-btn{border:1px solid var(--border-color);border-radius:5px;background:var(--input-bg);color:var(--text-color);font-weight:bold;cursor:pointer}.mini-copy,.copy-all{padding:6px 9px;font-size:10px}.download-btn{padding:9px 12px;font-size:12px}.mini-copy:hover,.copy-all:hover,.download-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.mini-copy.copied,.copy-all.copied{background:var(--success-color);border-color:var(--success-color);color:#fff}.status-line{min-height:20px;margin:6px 0 0;color:var(--text-muted);font-size:12px}.status-line.is-error{color:var(--error-color);font-weight:bold}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.stat-card{padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--panel-bg);text-align:center}.stat-label{display:block;color:var(--text-muted);font-size:10px}.stat-value{display:block;margin-top:3px;color:var(--text-color);font:13px Menlo,Consolas,monospace}.detail-section{margin-top:14px;border-top:1px solid var(--border-color);padding-top:12px}.detail-section summary{cursor:pointer;color:var(--primary-color);font-size:13px;font-weight:bold}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}.detail-card{padding:13px;border:1px solid var(--border-color);border-radius:6px;background:var(--panel-bg)}.detail-card textarea{box-sizing:border-box;width:100%;min-height:90px;margin:7px 0;padding:9px;border:1px solid var(--border-color);border-radius:5px;background:var(--input-bg);color:var(--text-color);font:12px/1.5 Menlo,Consolas,monospace;resize:vertical}.file-controls{display:grid;gap:9px}.file-controls input{box-sizing:border-box;width:100%;min-height:38px;padding:7px 9px;border:1px solid var(--border-color);border-radius:5px;background:var(--input-bg);color:var(--text-color)}.file-meta{margin:5px 0 0;color:var(--text-muted);font-size:11px}.faq-title+.faq-section{margin-top:16px}.related-list{padding-left:20px}.related-list li{margin-bottom:8px}
@media(max-width:760px){.base64-options{grid-template-columns:1fr 1fr}.base64-workspace,.detail-grid{grid-template-columns:1fr}.base64-tool{padding:15px}.base64-panel{padding:14px}}
@media(max-width:460px){.base64-options{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.base64-panel textarea{min-height:130px}}