/* Compact studio v4: four controls, one row; touch targets stay >= 44px. */
.ui-icon{display:inline-block;width:var(--icon-size,22px)!important;height:var(--icon-size,22px)!important;max-width:none!important;max-height:none!important;object-fit:contain!important;flex:0 0 auto;vertical-align:middle;pointer-events:none;user-select:none;background:none!important;border-radius:0!important;mix-blend-mode:normal}
.icon-chevron{--icon-size:11px}
.icon-button .ui-icon{--icon-size:24px}
.attach .ui-icon{--icon-size:22px}
.primary .ui-icon,.mobile-send .ui-icon{--icon-size:18px;filter:brightness(0) invert(1)}
.suggestions .ui-icon{--icon-size:14px}
.panel-heading .ui-icon{--icon-size:16px}
.all-styles .ui-icon{--icon-size:18px}
.account-hero>.ui-icon,.empty-state>.ui-icon{--icon-size:44px}
.creative-orbit .ui-icon{--icon-size:36px}
.tile .ui-icon{transform:none!important}
.detail-actions .ui-icon{--icon-size:20px}
.composer-bottom{gap:12px;align-items:flex-start}
.settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex:1;min-width:0;align-items:stretch;flex-wrap:nowrap}
.settings .chip.setting-chip{display:flex;grid-column:auto;min-width:0;max-width:none;min-height:44px;height:44px;padding:6px 9px;gap:5px;border-radius:11px;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;justify-content:flex-start;background:#f6f9ff}
.settings .setting-chip>.ui-icon{--icon-size:23px}
.settings .setting-chip>.icon-chevron{--icon-size:10px;opacity:.75;margin-left:auto}
.settings .setting-chip>.setting-value{min-width:0;max-width:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings .setting-chip:hover{background:#edf4ff;border-color:#9abaff}
.settings .setting-chip:focus-visible{outline:3px solid #81afff;outline-offset:2px}
.settings .effects-chip{max-width:none}
.submit-group{flex:0 0 auto}
.submit-group .primary{min-height:44px}
@media(min-width:1101px){.settings{max-width:740px}.composer-bottom{align-items:flex-start}}
@media(min-width:761px) and (max-width:1100px){.settings .chip.setting-chip{font-size:11px;padding:6px;gap:3px}.settings .setting-chip>.ui-icon{--icon-size:20px}.settings .setting-chip>.icon-chevron{--icon-size:9px}.composer-bottom{gap:8px}}
@media(max-width:760px){
 .composer{padding:9px 9px 7px;border-radius:20px}
 .composer-bottom{display:block;margin-top:6px}
 .settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;max-width:none}
 .settings .chip.setting-chip{display:flex!important;grid-column:auto!important;height:44px;min-height:44px;padding:5px;gap:3px;font-size:11px;border-radius:10px}
 .settings .setting-chip>.ui-icon{--icon-size:21px}
 .settings .setting-chip>.icon-chevron{--icon-size:9px;margin-left:0}
 .settings .setting-chip>.setting-value{max-width:none!important}
 .submit-group{margin-top:6px;gap:4px}
 .submit-group .primary{min-height:44px;padding:9px 12px}
 .header-actions .ui-icon{--icon-size:20px}
 .mobile-send .ui-icon{--icon-size:18px}
 .gallery-footer{padding-bottom:250px}
}
@media(max-width:420px){
 .settings .setting-chip>.icon-chevron{display:none}
 .settings .setting-chip>.ui-icon{--icon-size:20px}
 .settings .chip.setting-chip{font-size:10px;gap:2px;padding:4px}
}
@media(max-width:340px){.settings .setting-chip>.ui-icon{--icon-size:18px}.settings .chip.setting-chip{font-size:10px;letter-spacing:-.15px}}