/* Catalog controls: one menu for image, video, voice and library choices. */
.media-param-controls{display:flex;align-items:center;gap:var(--ui-space-sm);min-width:0;flex-wrap:wrap}
.media-param{position:relative;min-width:0}
.media-param-trigger{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;height:var(--ui-control-size);max-width:140px;min-width:0;padding:0 10px;border:1px solid var(--glass-field-edge,var(--ui-line));border-radius:var(--ui-radius-control);background:var(--glass-control,var(--ui-soft));color:var(--ui-ink);font:12px/1 var(--ui-font);white-space:nowrap;cursor:pointer}
.media-param-trigger:hover:not(:disabled),.media-param-trigger[aria-expanded=true]{background:var(--glass-hover,var(--ui-hover));border-color:var(--glass-focus,var(--ui-line))}
.media-param-trigger:disabled{opacity:.48;cursor:not-allowed}
.media-param-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.media-param-icon{width:18px;height:18px;flex:0 0 18px;stroke:currentColor}
.media-param-chevron{width:12px;height:12px;flex:none}
.media-param-popup{position:absolute;z-index:70;left:0;bottom:calc(100% + 7px);display:grid;gap:2px;box-sizing:border-box;width:max-content;min-width:144px;max-width:min(280px,calc(100vw - 16px));max-height:60dvh;overflow:auto;overscroll-behavior:contain;margin:0;padding:5px;border:1px solid var(--glass-edge,var(--ui-line));border-radius:var(--ui-radius-menu);background:var(--glass-menu,var(--ui-page));color:var(--ui-ink);box-shadow:var(--glass-shadow,var(--ui-shadow));scrollbar-width:thin}
.media-param-popup[hidden]{display:none}
.media-param-popup[data-layer]{position:fixed;inset:auto;margin:0}
.media-param-choice{display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:var(--ui-control-size);width:100%;padding:8px;border:0;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-ink);font:12px/1.3 var(--ui-font);text-align:left;cursor:pointer}
.media-param-choice:hover,.media-param-choice:focus-visible{background:var(--glass-hover,var(--ui-hover))}
.media-param-choice-text{grid-template-columns:minmax(0,1fr) 16px}
.media-param-choice[aria-selected=true]{font-weight:600;color:var(--ui-accent)}
.media-param-choice .media-param-check{width:16px;height:16px}
.media-param-choice[aria-selected=false] .media-param-check{visibility:hidden}
.media-param-choice small{display:block;margin-top:3px;color:var(--ui-muted);font-size:10px;font-weight:400}
.media-param-popup.media-param-cards{--choice-columns:2;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;width:min(600px,calc(100vw - 16px));padding:10px;border-radius:var(--ui-radius-card);background:var(--glass-menu,var(--ui-page))}
.media-param-cards .media-param-menu-title{grid-column:1/-1;padding:4px 4px 8px;font:500 13px/1.4 var(--ui-font);color:var(--ui-muted)}
.media-param-cards .media-param-choice{grid-template-columns:26px minmax(0,1fr) 16px;gap:10px;align-items:start;min-height:88px;padding:14px 12px;border:1px solid transparent;font-size:13px;line-height:1.4;white-space:normal}
.media-param-cards .media-param-choice>.media-param-icon{width:24px;height:24px;margin-top:1px}
.media-param-cards .media-param-choice>.media-param-check{margin-top:3px}
.media-param-cards .media-param-choice small{margin-top:5px;font-size:11px;line-height:1.5}
.media-param-cards .media-param-choice[aria-selected=true]{border-color:color-mix(in srgb,var(--ui-accent) 35%,var(--ui-line));background:var(--ui-soft);color:var(--ui-accent-text,var(--ui-ink))}
.media-param-cards .media-param-choice:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}
@media(max-width:600px){.media-param-popup.media-param-cards{--choice-columns:1;grid-template-columns:minmax(0,1fr);gap:4px;padding:8px}.media-param-cards .media-param-choice{min-height:76px;padding:12px}}