:root{--bg-main:#1a1617;--bg-surface:#251f21;--bg-soft:#362d30;--border-subtle:#453a3d;--border-focus:#8c6a74;--accent-highlight:#eec1c8;--accent-primary:#d4a5b2;--accent-muted:#a3818a;--accent-deep:#7f5f68;--accent-glow:#d4a5b226;--text-main:#f2ecee;--text-muted:#b0a2a6;--text-inverse:#1a1617}body{background-color:var(--bg-main);color:var(--text-main);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*,:before,:after{box-sizing:border-box}.app_root{display:flex}.main_content{flex-grow:1;padding:2rem}.divider{background-color:var(--border-subtle);height:1px;margin:1.5rem 0}.sidebar_root{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;width:15vw;min-width:280px;height:100vh;padding:1rem;font-family:sans-serif;display:flex;overflow-y:auto}.sidebar_header{color:var(--accent-primary);height:4rem;font-size:1.25rem;font-weight:700}.sidebar_header>img{object-fit:cover;object-position:50% 90%;border-radius:8px;width:100%;height:100%;position:relative}.artist_credits{color:var(--text-muted);padding-left:1rem;font-size:.8rem;text-decoration:none;position:fixed;top:4rem;left:0}.nav_container{flex-direction:column;gap:.5rem;display:flex}.nav_link_btn{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s;display:flex}.nav_link_btn:hover{background-color:var(--bg-soft);color:var(--text-main)}.nav_link_btn.active{background-color:var(--bg-soft);color:var(--accent-primary);border-left:3px solid var(--accent-primary)}.nav_icon{font-size:20px;line-height:1}.nav_group{flex-direction:column;display:flex}.expand_icon{transition:transform var(--folder-speed,.2s) ease;margin-left:auto;font-size:18px}.expand_icon.rotated{transform:rotate(90deg)}.sub_nav_container{border-left:1px solid var(--border-subtle);transition:grid-template-rows var(--folder-speed,.2s) cubic-bezier(.4, 0, .2, 1), margin-top .2s ease;grid-template-rows:0fr;margin-top:0;margin-left:1.5rem;padding-left:.5rem;display:grid;overflow:hidden}.sub_nav_container.is_open{grid-template-rows:1fr;margin-top:0}.sub_nav_inner{min-height:0}.sub_nav_link{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;margin-top:4px;padding:.5rem .75rem;font-size:.9rem;transition:background .1s,color .1s,opacity .15s,transform .15s;display:flex;transform:translate(-10px)}.is_open .sub_nav_link{opacity:1;transition-delay:calc((var(--folder-speed) / var(--total-items)) * var(--item-index));transform:translate(0)}.sub_nav_link:hover{color:var(--text-main);background:var(--bg-soft)}.sub_nav_link.active{color:var(--accent-primary);background:var(--accent-glow)}.sub_icon{font-size:18px}.status_toast_root{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:4px solid var(--accent-primary);z-index:9999;border-radius:8px;flex-direction:column;gap:12px;width:320px;padding:1rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideInUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 30px #00000080}.status_info{justify-content:space-between;align-items:center;display:flex}.status_label{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.status_percent{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:.9rem}.status_bar_bg{background:var(--bg-soft);border-radius:10px;width:100%;height:6px;overflow:hidden}.status_bar_fill{background:var(--accent-primary);height:100%;box-shadow:0 0 8px var(--accent-glow);transition:width .2s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status_toast_root{border-left-color:var(--accent-primary)}.tool_container{max-width:800px;margin:0 auto;transition:height .2s}.format_panel_root{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.dropzone_container{border:2px dashed var(--border-subtle);text-align:center;background-color:var(--bg-surface);cursor:pointer;border-radius:12px;padding:4rem 2rem;transition:border-color .3s}.dropzone_container:hover{border-color:var(--accent-primary)}.dropzone_container.dragging{border-color:var(--accent-primary);background-color:var(--bg-soft);transition:all .2s}.dropzone_container.has_file{border-style:solid;padding:1rem}.dropzone_container.locked{cursor:default;border-style:solid}.change_file_btn{background:var(--bg-soft);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;border-radius:4px;margin-top:15px;padding:5px 15px;font-size:.8rem}.change_file_btn:hover{background:var(--border-subtle)}.preview_wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.file_info_overlay{color:var(--text-muted);background:var(--bg-soft);border-radius:20px;margin-top:10px;padding:4px 12px;font-size:.85rem}.preview_wrapper canvas{border-radius:4px;max-width:100%;box-shadow:0 4px 12px #0003}.upload_icon{color:var(--accent-muted);margin-bottom:1rem;font-size:48px}.controls_container{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.format_select{background:var(--bg-soft);color:var(--text-main);border:1px solid var(--border-subtle);border-top:0;border-radius:4px;margin-left:1rem;padding:.5rem}.convert_btn{background-color:var(--accent-primary);color:var(--text-inverse);cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:700;transition:opacity .2s}.convert_btn:hover{opacity:.9}.file_input_hidden{display:none}.custom_select_container{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.select_label{color:var(--text-muted);font-size:.85rem;font-weight:500}.select_trigger{background:var(--bg-soft);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.95rem;transition:all .2s;display:flex}.select_trigger:hover{border-color:var(--accent-primary);background:var(--bg-surface)}.select_trigger.is_active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.select_trigger .expand_icon{transition:transform .2s}.select_trigger.is_active .expand_icon{transform:rotate(90deg)}.select_options_menu{background:var(--bg-surface);border:1px solid var(--border-subtle);z-index:100;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;min-width:320px;max-height:300px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.select_options_menu.is_open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.select_options_menu.is_closing{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px)}.select_option{color:var(--text-muted);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .1s;display:flex}.select_option:hover{background:var(--bg-soft);color:var(--text-main)}.select_option.selected{color:var(--accent-primary);background:var(--accent-glow)}.option_main{flex:1;align-items:center;gap:12px;display:flex}.option_label{min-width:50px;font-weight:500}.option_tags{flex-wrap:wrap;gap:4px;display:flex}.tag{text-transform:uppercase;letter-spacing:.02em;background:var(--bg-soft);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:.7rem}.tag_alpha{color:#00d4ff;border-color:#00d4ff4d}.tag_lossless{color:#0f8;border-color:#00ff884d}.tag_lossy{color:#fb0;border-color:#ffbb004d}.select_option.selected .tag{background:#ffffff1a;border-color:#0000}.check_icon{font-size:18px}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.resize_root{flex-direction:column;gap:1.2rem;width:100%;display:flex}.resize_mode_switch{background:var(--bg-soft);border:0px solid var(--border-subtle);border-radius:8px;width:100%;display:flex;overflow:hidden}.resize_mode_btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;padding:10px;transition:background .18s,color .18s}.resize_mode_btn:active{color:inherit}.resize_mode_btn:hover{border:1px solid var(--border-focus);color:var(--text-main);border-radius:0 8px 8px 0;transition:border .18s,color .18s}.resize_mode_btn:hover:first-of-type{border-radius:8px 0 0 8px}.resize_mode_btn.active{background:var(--accent-primary);color:var(--text-inverse);transition:background-color .18s,color .18s}.resize_settings_grid{border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.resize_panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:0;border-radius:0 8px 8px 0;flex-direction:column;gap:.6rem;padding:.9rem;transition:background .18s,opacity .18s;display:flex}.resize_panel:first-of-type{border:1px solid var(--border-subtle);border-right:0;border-radius:8px 0 0 8px}.resize_panel h3{color:var(--text-muted);font-size:.85rem}.panel_inactive{background:var(--bg-soft);opacity:.55;pointer-events:none}.slider_panel{transition:max-height .18s,opacity .18s;overflow:hidden}.panel_hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.dimension_inputs{flex-direction:column;gap:.5rem;display:flex}.dimension_inputs label{flex-direction:column;font-size:.75rem;display:flex}.dimension_inputs input{background:var(--bg-soft);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:4px;padding:6px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.target_size_row{align-items:center;gap:8px;display:flex}.target_size_row input{background:var(--bg-soft);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);border-radius:4px;padding:6px}.balance_slider{appearance:none;border-radius:6px;width:100%;height:6px}.balance_slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-highlight);cursor:pointer;border-radius:50%;width:16px;height:16px}.balance_slider::-moz-range-thumb{background:var(--accent-highlight);border:none;border-radius:50%;width:16px;height:16px}.balance_labels{color:var(--text-muted);justify-content:space-between;font-size:.7rem;display:flex}.resize_action_row{justify-content:flex-end;display:flex}