.asset-optimizer_workspace[hidden],.asset-optimizer_summary[hidden],.asset-optimizer_resize_pct[hidden],.asset-optimizer_custom[hidden],.asset-optimizer_view{display:none}.asset-optimizer[data-view=chooser] .asset-optimizer_view[data-view-panel=chooser],.asset-optimizer[data-view=image] .asset-optimizer_view[data-view-panel=image],.asset-optimizer[data-view=video] .asset-optimizer_view[data-view-panel=video]{gap:var(--space-4);flex-direction:column;display:flex}.asset-optimizer_view:focus{outline:none}.asset-optimizer_choices{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@container (width<40em){.asset-optimizer_choices{grid-template-columns:minmax(0,1fr)}}.asset-optimizer_choice{align-items:flex-start;gap:var(--space-3);text-align:left;cursor:pointer;color:var(--text);background:color-mix(in srgb, var(--color-light-100) 4%, transparent);border:var(--border-width-main) solid var(--border);border-radius:var(--radius-large);flex-direction:column;padding:clamp(1.5rem,3vw,2.25rem);transition:border-color .2s,background-color .2s,transform .2s;display:flex}.asset-optimizer_choice:hover,.asset-optimizer_choice:focus-visible{border-color:var(--color-brand-500);background:color-mix(in srgb, var(--color-brand-500) 8%, transparent);transform:translateY(-2px)}.asset-optimizer_choice_icon{aspect-ratio:1;border-radius:var(--radius-main);background:color-mix(in srgb, var(--color-brand-500) 18%, transparent);width:3rem;color:var(--color-brand-500);justify-content:center;align-items:center;display:flex}.asset-optimizer_choice_icon svg{width:1.5rem;height:1.5rem;stroke-width:var(--border-width-main);stroke-linecap:round;stroke-linejoin:round}.asset-optimizer_choice_text{max-width:34ch}.asset-optimizer_back{color:color-mix(in srgb, var(--text) 70%, transparent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:.35em 0;transition:color .2s}.asset-optimizer_back:hover{color:var(--text)}.asset-optimizer_dropzone{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;cursor:pointer;border:var(--border-width-main) dashed var(--border);border-radius:var(--radius-large);background:color-mix(in srgb, var(--text) 3%, transparent);flex-direction:column;padding:clamp(1.75rem,5vw,3.5rem);transition:border-color .2s,background-color .2s;display:flex}.asset-optimizer_dropzone:hover,.asset-optimizer_dropzone:focus-within{border-color:var(--color-brand-500);background:color-mix(in srgb, var(--color-brand-500) 8%, transparent)}.asset-optimizer_dropzone.is-dragover{border-color:var(--color-brand-500);background:color-mix(in srgb, var(--color-brand-500) 14%, transparent);border-style:solid}.asset-optimizer_dropzone_icon{color:var(--color-brand-500);font-size:1.75rem;line-height:1}.asset-optimizer_notice{padding:var(--space-2) var(--space-3);color:var(--text);background:color-mix(in srgb, var(--color-brand-500) 12%, transparent);border:var(--border-width-main) solid color-mix(in srgb, var(--color-brand-500) 40%, transparent);border-radius:var(--radius-main);margin:0}.asset-optimizer_workspace{gap:var(--space-4);grid-template-columns:minmax(0,17rem) minmax(0,1fr);align-items:start;display:grid}@container (width<48em){.asset-optimizer_workspace{grid-template-columns:minmax(0,1fr)}}.asset-optimizer_settings{gap:var(--space-3);padding:var(--space-4);background:color-mix(in srgb, var(--color-light-100) 4%, transparent);border:var(--border-width-main) solid var(--border);border-radius:var(--radius-large);flex-direction:column;display:flex}@container (width>=48em){.asset-optimizer_settings{top:var(--space-4);position:sticky}}.asset-optimizer_field{gap:var(--space-1);flex-direction:column;display:flex}.asset-optimizer_settings_title,.asset-optimizer_field_label{margin:0}.asset-optimizer_field_label{font-weight:500}.asset-optimizer_segment{background:color-mix(in srgb, var(--text) 5%, transparent);border:var(--border-width-main) solid var(--border);border-radius:var(--radius-main);gap:2px;padding:3px;display:flex}.asset-optimizer_segment_item{flex:1 1 0;display:flex}.asset-optimizer_segment_item input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.asset-optimizer_segment_item span{white-space:nowrap;border-radius:calc(var(--radius-main) - 3px);min-width:0;color:color-mix(in srgb, var(--text) 80%, transparent);cursor:pointer;flex:1;justify-content:center;align-items:center;margin:0;padding:.55em .25em;font-size:.75rem;transition:background-color .15s,color .15s;display:flex}.asset-optimizer_segment_item:hover span{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.asset-optimizer_segment_item:has(input:checked) span{color:var(--color-brand-text);background:var(--color-brand-500)}.asset-optimizer_segment_item:has(input:focus-visible) span{outline:2px solid var(--color-brand-500);outline-offset:2px}.form_label_wrap.is-disabled{opacity:.45}.asset-optimizer_action{font:inherit;color:var(--button-secondary-text);background:var(--button-secondary-background);border:var(--border-width-main) solid var(--button-secondary-border);border-radius:var(--radius-main);cursor:pointer;padding:.65em 1.2em;font-weight:500;line-height:1;transition:color .2s,background-color .2s,border-color .2s,opacity .2s}.asset-optimizer_action:hover:not(:disabled){color:var(--button-secondary-text-hover);background:var(--button-secondary-background-hover);border-color:var(--button-secondary-border-hover)}.asset-optimizer_action.is-primary{color:var(--button-primary-text);background:var(--button-primary-background);border-color:var(--button-primary-border)}.asset-optimizer_action.is-primary:hover:not(:disabled){color:var(--button-primary-text-hover);background:var(--button-primary-background-hover);border-color:var(--button-primary-border-hover)}.asset-optimizer_action.is-block{text-align:center;width:100%}.asset-optimizer_action.is-ghost{background:0 0;border-color:#0000}.asset-optimizer_action.is-busy{opacity:.7;cursor:progress}.asset-optimizer_action:disabled{opacity:.4;cursor:not-allowed}.asset-optimizer_queue,.asset-optimizer_results{gap:var(--space-3);flex-direction:column;display:flex}.asset-optimizer_results:empty{display:none}.asset-optimizer_summary{gap:var(--space-2) var(--space-5);padding-top:var(--space-2);color:color-mix(in srgb, var(--text) 70%, transparent);flex-wrap:wrap;display:flex}.asset-optimizer_summary strong{color:var(--text)}.asset-optimizer_queue_actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.asset-optimizer_item{gap:var(--space-2);padding:var(--space-3);border:var(--border-width-main) solid var(--border);border-radius:var(--radius-large);background:color-mix(in srgb, var(--color-light-100) 3%, transparent);flex-direction:column;display:flex}.asset-optimizer_item_head{align-items:center;gap:var(--space-3);display:flex}.asset-optimizer_item_thumb{aspect-ratio:1;border-radius:var(--radius-small);background:color-mix(in srgb, var(--text) 8%, transparent);flex-shrink:0;width:3rem;overflow:hidden}.asset-optimizer_item_thumb .asset-optimizer_media{object-fit:cover;width:100%;height:100%}.asset-optimizer_item_info{flex:auto;min-width:0}.asset-optimizer_item_name{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.asset-optimizer_item_meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.asset-optimizer_item_remove{aspect-ratio:1;width:1.75rem;color:color-mix(in srgb, var(--text) 60%, transparent);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;flex-shrink:0;transition:color .2s,background-color .2s}.asset-optimizer_item_remove:hover{color:var(--text);background:color-mix(in srgb, var(--text) 10%, transparent)}.asset-optimizer_bar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--text) 12%, transparent);height:.375rem;overflow:hidden}.asset-optimizer_item:not(.is-processing):not(.is-done):not(.is-error) .asset-optimizer_bar{display:none}.asset-optimizer_bar_fill{border-radius:inherit;background:var(--color-brand-500);width:0%;height:100%;transition:width .3s;display:block}.asset-optimizer_item.is-error .asset-optimizer_bar_fill{background:color-mix(in srgb, red 60%, var(--text))}.asset-optimizer_compare{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@container (width<30em){.asset-optimizer_compare{grid-template-columns:minmax(0,1fr)}}.asset-optimizer_pane{gap:var(--space-2);min-height:6rem;padding:var(--space-2);border:var(--border-width-main) solid var(--border);border-radius:var(--radius-main);background:color-mix(in srgb, var(--color-dark-900) 40%, transparent);flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.asset-optimizer_pane_label{color:color-mix(in srgb, var(--text) 75%, transparent);background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;padding:.15em .6em}.asset-optimizer_pane .asset-optimizer_media{object-fit:contain;border-radius:var(--radius-small);width:100%;max-height:18rem}.asset-optimizer_pane_placeholder{padding:var(--space-4) 0;margin:auto}.asset-optimizer_savings{border-radius:var(--radius-full);padding:.15em .6em;font-weight:700}.asset-optimizer_savings.is-positive{color:var(--color-brand-text);background:var(--color-brand-500)}.asset-optimizer_savings.is-negative{color:var(--text);background:color-mix(in srgb, var(--text) 12%, transparent)}.asset-optimizer_item_actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.asset-optimizer_download{font:inherit;color:var(--button-primary-text);background:var(--button-primary-background);border-radius:var(--radius-main);cursor:pointer;border:none;padding:.5em 1em;font-weight:500;transition:color .2s,background-color .2s,opacity .2s}.asset-optimizer_download:hover:not(:disabled){color:var(--button-primary-text-hover);background:var(--button-primary-background-hover)}.asset-optimizer_download:disabled{opacity:.4;cursor:not-allowed}.asset-optimizer_settings .form_range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-brand-500) 0%, var(--color-brand-500) var(--range-progress,50%), transparent var(--range-progress,50%), transparent 100%);background-color:color-mix(in srgb, var(--text) 12%, transparent);border-color:color-mix(in srgb, var(--text) 22%, transparent)}.asset-optimizer_settings .form_range::-moz-range-progress{background-color:var(--color-brand-500)}.asset-optimizer_settings .form_range::-webkit-slider-thumb{background-color:var(--color-brand-500)}.asset-optimizer_settings .form_range::-moz-range-thumb{background-color:var(--color-brand-500)}.asset-optimizer_settings .form_label_wrap:focus-within .form_range::-webkit-slider-runnable-track{border-color:color-mix(in srgb, var(--text) 22%, transparent)}.asset-optimizer_settings .form_label_wrap:focus-within .form_range::-moz-range-track{border-color:color-mix(in srgb, var(--text) 22%, transparent)}.asset-optimizer_settings .form_label_wrap:focus-within .form_range::-webkit-slider-thumb{box-shadow:0 0 0 var(--border-width-main) var(--color-brand-500)}.asset-optimizer_settings .form_label_wrap:focus-within .form_range::-moz-range-thumb{box-shadow:0 0 0 var(--border-width-main) var(--color-brand-500)}.asset-optimizer_custom{gap:var(--space-2);flex-direction:column;display:flex}.asset-optimizer_custom_inputs{align-items:flex-end;gap:var(--space-2);display:flex}.asset-optimizer_custom_field{flex-direction:column;flex:1 1 0;gap:.3rem;display:flex}.asset-optimizer_custom_field input{width:100%;font:inherit;color:var(--text);background:var(--background);border:var(--border-width-main) solid var(--border);border-radius:var(--radius-main);padding:.5em .7em;font-size:1rem}.asset-optimizer_custom_field input:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:1px}.asset-optimizer_custom_x{color:color-mix(in srgb, var(--text) 55%, transparent);padding-bottom:.55em}.asset-optimizer_pane_host{justify-content:center;align-items:center;width:100%;display:flex}.asset-optimizer_crop{border-radius:var(--radius-small);touch-action:none;width:100%;line-height:0;position:relative;overflow:hidden}.asset-optimizer_crop_img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.asset-optimizer_crop_frame{box-sizing:border-box;border:2px solid var(--color-brand-500);box-shadow:0 0 0 100vmax color-mix(in srgb, var(--color-dark-900) 62%, transparent);cursor:move;touch-action:none;position:absolute}.asset-optimizer_crop_frame.is-dragging{cursor:grabbing}