.charset-tool .tool-lead{text-align:center;margin-bottom:40px;color:#7f8c8d;line-height:1.8;font-size:1.05em}.charset-tool .upload-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;margin-top:20px;gap:20px}.charset-tool .drop-zone{width:100%;max-width:800px;min-height:220px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:1.2em;color:#555;border:3px dashed var(--accent);border-radius:15px;background-color:var(--accent-bg);transition:all .3s ease;cursor:pointer;margin:0 auto;box-shadow:0 5px 15px #0000000d}.charset-tool .drop-zone.drag-over{border-color:var(--accent-hover);background-color:#2a9d8f33;color:var(--accent-hover);transform:scale(1.02);box-shadow:0 8px 20px #2a9d8f33}.charset-tool .drop-zone p{margin:10px 0}.charset-tool .drop-zone p:first-child{font-size:1.4em;margin-bottom:16px}.charset-tool .drop-zone input[type=file]{margin-top:20px;padding:10px 16px;background-color:#ffffffb3;border:1px solid #bdc3c7;border-radius:4px;font-size:.9em;font-weight:400;max-width:100%}.charset-tool .file-info{width:100%;max-width:800px;background-color:var(--accent-bg);padding:16px 20px;border-radius:8px;font-size:14px;text-align:left}.charset-tool .file-info p{margin:4px 0}.charset-tool .file-info .detected-encoding{font-weight:700;color:var(--accent);font-size:1.1em}.charset-tool .preview-section{width:100%;max-width:800px;margin:0 auto 30px}.charset-tool .preview-section h2{font-size:1.1em;margin:0 0 8px;color:#2c3e50}.charset-tool .preview-box{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all;overflow-x:auto;max-height:260px;overflow-y:auto;margin:0}.charset-tool .preview-note{font-size:12px;color:#94a3b8;margin-top:6px}.charset-tool .settings-section-inline{background-color:#f8f9fa;padding:15px 20px;border-radius:12px;margin:20px auto;max-width:800px;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.charset-tool .setting-label{font-weight:700;color:#34495e;white-space:nowrap}.charset-tool .radio-group-inline{display:flex;gap:12px;flex-wrap:wrap}.charset-tool .radio-item{position:relative}.charset-tool .radio-item input[type=radio]{position:absolute;opacity:0;width:0;height:0}.charset-tool .radio-item label{display:flex;align-items:center;cursor:pointer;padding:8px 15px;border-radius:30px;background-color:#fff;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.charset-tool .radio-button{position:relative;display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid #bdc3c7;margin-right:8px;transition:all .2s ease;flex-shrink:0}.charset-tool .radio-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:9px;height:9px;border-radius:50%;background-color:var(--accent);transition:transform .2s ease}.charset-tool .radio-item input[type=radio]:checked+label{background-color:var(--accent-bg);box-shadow:0 2px 8px #2a9d8f33}.charset-tool .radio-item input[type=radio]:checked+label .radio-button{border-color:var(--accent)}.charset-tool .radio-item input[type=radio]:checked+label .radio-button:before{transform:translate(-50%,-50%) scale(1)}.charset-tool .radio-label{font-weight:500;font-size:14px}.charset-tool .convert-section{text-align:center;margin:30px auto}.charset-tool .convert-btn{padding:14px 40px;font-size:16px;font-weight:700;background-color:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s}.charset-tool .convert-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.charset-tool .convert-btn:disabled{background-color:#cbd5e1;cursor:not-allowed}.charset-tool .convert-result{margin-top:12px;font-size:14px;color:var(--accent);font-weight:600;min-height:1.5em}.charset-tool .sjis-note{max-width:800px;margin:0 auto 10px;font-size:13px;color:#e67e22;text-align:center}.charset-tool .error-message{max-width:800px;margin:10px auto;padding:12px 16px;background-color:#fdf0ef;border:1px solid #e74c3c;border-radius:8px;color:#c0392b;font-size:14px;text-align:center}.charset-tool .update-history{margin-top:40px;padding:20px;background-color:#f9f9f9;border-radius:8px;font-size:.85em;color:#666}.charset-tool .update-history h3{font-size:1em;margin-bottom:10px;color:#666}.charset-tool .update-history ul{list-style:none;padding:0;margin:0}.charset-tool .update-history li{padding:4px 0;line-height:1.5}