@layer components{._container_p6om7_12{container-type:inline-size;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}._label_p6om7_21{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center}._thumbnails_p6om7_29{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;max-width:100%;padding-block:var(--space-1);padding-inline:var(--space-1)}@container (inline-size >= 640px){._thumbnails_p6om7_29{flex-wrap:wrap;justify-content:center;overflow-x:visible}}._thumbnail_p6om7_29{flex-shrink:0;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:transform .2s var(--easing-expressive),border-color .2s var(--easing-expressive),box-shadow .2s var(--easing-expressive)}._thumbnail_p6om7_29:hover:not(:disabled){transform:scale(1.04);border-color:var(--color-primary);box-shadow:0 0 12px color-mix(in srgb,var(--color-primary) 20%,transparent)}._thumbnail_p6om7_29:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;transform:scale(1.04)}._thumbnail_p6om7_29:disabled{opacity:.5;cursor:not-allowed}._thumbnail_p6om7_29:active:not(:disabled){transform:scale(.98)}._image_p6om7_90{display:block;width:100px;height:75px;object-fit:cover;border-radius:calc(var(--radius-md) - 2px)}._thumbnail-label_p6om7_99{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-tight)}@media(prefers-reduced-motion:reduce){._thumbnail_p6om7_29{transition:none}._thumbnail_p6om7_29:hover:not(:disabled){transform:none}._thumbnail_p6om7_29:active:not(:disabled){transform:none}}}@layer components{._overlay_13g77_12{container-type:inline-size;position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);background:#0009;opacity:1;transition:opacity var(--duration-normal) var(--easing-productive)}@starting-style{._overlay_13g77_12{opacity:0}}._panel_13g77_33{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:var(--tool-max-width);max-height:90dvh;padding:var(--space-6);overflow-y:auto;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;opacity:1;transform:translateY(0);transition:opacity var(--duration-normal) var(--easing-expressive),transform var(--duration-normal) var(--easing-expressive)}@starting-style{._panel_13g77_33{opacity:0;transform:translateY(24px)}}._header_13g77_58{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}._close-button_13g77_65{flex-shrink:0}._preview_13g77_70{flex:1;min-height:0;overflow:hidden;border-radius:var(--radius-lg)}._controls_13g77_78{display:flex;flex-direction:column;gap:var(--space-4)}._format-row_13g77_85{display:flex;flex-direction:column;gap:var(--space-3)}._format-label_13g77_91{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}._actions_13g77_99{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}._download-button_13g77_106{width:100%}@container (min-width: 600px){._overlay_13g77_12{align-items:center}._panel_13g77_33{flex-direction:row;border-radius:var(--radius-2xl);max-height:80dvh}._preview_13g77_70{flex:1}._sidebar_13g77_126{display:flex;flex-direction:column;gap:var(--space-6);width:280px;flex-shrink:0}._controls_13g77_78{flex:1}._actions_13g77_99{flex-direction:column}._download-button_13g77_106{width:100%}}@media(prefers-reduced-motion:reduce){._overlay_13g77_12,._panel_13g77_33{transition:none}@starting-style{._panel_13g77_33{transform:none}}}}