.ib64_advanced_toggle,.ib64_dropzone,.ib64_format_label,.ib64_upload_btn{transition:.3s;cursor:pointer}.ib64_container{color:#2c3e50}.ib64_header{text-align:center;margin-bottom:40px}.ib64_header h1{font-size:32px;font-weight:700;color:#de333b;margin-bottom:10px}.ib64_header p{font-size:16px;color:#7f8c8d;font-weight:400}.ib64_wrapper{display:grid;grid-template-columns:1fr 375px;gap:30px}.ib64_upload_section{background:#fff;border-radius:16px;padding:40px;margin-bottom:30px;box-shadow:0 4px 20px rgba(0,0,0,.06)}.ib64_dropzone{border:2px dashed #e0e0e0;border-radius:12px;padding:60px 20px;text-align:center;background:#fafafa}.ib64_dropzone.ib64_dragover,.ib64_dropzone:hover{border-color:#de333b;background:#fff5f5}.ib64_dropzone_icon{font-size:48px;color:#de333b;margin-bottom:20px}.ib64_dropzone_text{font-size:18px;color:#2c3e50;font-weight:500;margin-bottom:8px}.ib64_dropzone_subtext{font-size:14px;color:#95a5a6}.ib64_file_input,.ib64_format_option input[type=radio],.ib64_toggle_switch input{display:none}.ib64_upload_btn{display:inline-block;background:#de333b;color:#fff;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;margin-top:20px;box-shadow:0 4px 12px rgba(222,51,59,.3)}.ib64_upload_btn:hover{background:#c72a32;transform:translateY(-2px);box-shadow:0 6px 16px rgba(222,51,59,.4)}.ib64_options_section,.ib64_preview_section{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 4px 20px rgba(0,0,0,.06);display:none}.ib64_error_message.ib64_visible,.ib64_options_section.ib64_visible,.ib64_output_section.ib64_visible,.ib64_preview_section.ib64_visible{display:block}.ib64_preview_header{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:10px}.ib64_preview_image_wrapper{text-align:center;margin-bottom:20px;padding:20px;background:#f8f9fa;border-radius:12px}.ib64_preview_image{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%;object-fit:cover}.ib64_image_info{display:flex;justify-content:start;gap:8px;margin-top:5px;flex-wrap:wrap;flex-direction:column}.ib64_info_item{font-size:14px;color:#7f8c8d}.ib64_info_item strong,.ib64_output_stats span strong{color:#2c3e50;font-weight:600}.ib64_section_header{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:20px}.ib64_format_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:30px}.ib64_format_option{position:relative}.ib64_format_label{display:block;padding:14px 18px;background:#f8f9fa;border-radius:8px;font-size:14px;font-weight:500;color:#2c3e50;text-align:center}.ib64_format_label:hover{background:#e9ecef}.ib64_btn_copy,.ib64_format_option input[type=radio]:checked+.ib64_format_label{background:#de333b;color:#fff;box-shadow:0 4px 12px rgba(222,51,59,.3)}.ib64_advanced_toggle{background:0 0;border:2px solid #e0e0e0;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;color:#2c3e50;display:inline-flex;align-items:center;gap:8px;line-height:inherit;height:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;box-shadow:inherit}.ib64_advanced_toggle:hover{border-color:#de333b;color:#de333b;background:0 0}.ib64_advanced_panel{max-height:0;overflow:hidden;transition:max-height .3s;margin-top:20px}.ib64_advanced_panel.ib64_expanded{max-height:500px}.ib64_advanced_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding-top:20px}.ib64_advanced_item{display:flex;flex-direction:column;gap:8px}.ib64_advanced_item label{font-size:14px;font-weight:500;color:#2c3e50}.ib64_advanced_item input[type=number],.ib64_advanced_item select{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:Poppins,sans-serif;transition:.3s}.ib64_advanced_item input[type=number]:focus,.ib64_advanced_item select:focus{outline:0;border-color:#de333b}.ib64_toggle_wrapper{display:flex;align-items:center;gap:12px}.ib64_toggle_switch{position:relative;width:50px;height:26px}.ib64_toggle_slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px;transition:.3s}.ib64_toggle_slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.ib64_toggle_switch input:checked+.ib64_toggle_slider{background-color:#de333b}.ib64_toggle_switch input:checked+.ib64_toggle_slider:before{transform:translateX(24px)}.ib64_output_section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.06);display:none}.ib64_output_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.ib64_output_title{font-size:20px;font-weight:600;color:#2c3e50}.ib64_output_actions{display:flex;gap:10px}.ib64_btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s;border:none;display:inline-flex;align-items:center;gap:8px}.ib64_btn_copy:hover{background:#c72a32;transform:translateY(-2px)}.ib64_btn_copy.ib64_copied{background:#27ae60}.ib64_btn_download{background:#3498db;color:#fff;box-shadow:0 4px 12px rgba(52,152,219,.3)}.ib64_btn_download:hover{background:#2980b9;transform:translateY(-2px)}.ib64_btn_reset{background:#95a5a6;color:#fff}.ib64_btn_reset:hover{background:#7f8c8d}.ib64_output_box{background:#f8f9fa;border-radius:8px;padding:20px;font-family:"Courier New",monospace;font-size:13px;color:#2c3e50;word-break:break-all;max-height:300px;overflow-y:auto;line-height:1.6}.ib64_output_stats{margin-top:15px;padding-top:15px;border-top:2px solid #e0e0e0;display:flex;gap:30px;flex-wrap:wrap;font-size:14px;color:#7f8c8d}.ib64_error_message{background:#fff5f5;color:#de333b;padding:16px 20px;border-radius:8px;margin-bottom:20px;display:none;font-size:14px;font-weight:500}@media (max-width:1024px){.ib64_wrapper{grid-template-columns:1fr 300px;gap:20px}}@media (max-width:768px){.ib64_advanced_grid,.ib64_format_grid,.ib64_wrapper{grid-template-columns:1fr}.ib64_header{margin-bottom:20px}.ib64_wrapper{gap:0}.ib64_upload_section{padding:25px 20px}.ib64_dropzone{padding:40px 15px}.ib64_header h1{font-size:24px}.ib64_output_header{flex-direction:column;align-items:flex-start}.ib64_output_actions{width:100%;flex-direction:column}.ib64_btn{width:100%;justify-content:center}}