.tool-section[data-astro-cid-drioisal]{max-width:500px;margin:0 auto}.toggle-group[data-astro-cid-drioisal]{display:flex;gap:10px;margin-top:8px}.toggle-btn[data-astro-cid-drioisal]{flex:1;padding:12px 20px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s}.toggle-btn[data-astro-cid-drioisal].active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.input-field[data-astro-cid-drioisal]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;margin-top:8px;transition:border-color .2s}.input-field[data-astro-cid-drioisal]:focus{outline:none;border-color:var(--primary-color)}.result-box[data-astro-cid-drioisal]{margin-top:24px;padding:24px;border-radius:12px;background:#f9fafb;text-align:center}.result-box[data-astro-cid-drioisal].success{background:#ecfdf5;border:2px solid #10b981}.result-box[data-astro-cid-drioisal].error{background:#fef2f2;border:2px solid #ef4444}.result-value[data-astro-cid-drioisal]{font-size:28px;font-weight:700;color:#1f2937;margin:12px 0}.result-detail[data-astro-cid-drioisal]{font-size:15px;line-height:1.6;color:#4b5563}@media(max-width:640px){.result-value[data-astro-cid-drioisal]{font-size:24px}}