.composer-toolbar{display:flex;align-items:center;gap:4px;border-top:1px solid #f0f0f2;padding:7px 10px;min-width:0}
.composer .composer-controls{display:flex;flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0;border:0;gap:7px}
.composer-controls::-webkit-scrollbar{display:none}
.composer-controls>*{flex-shrink:0}
.composer .creative-options{display:flex;gap:7px;border:0;padding:0}
.composer .creative-options[hidden],.composer .image-options[hidden],.composer .video-options[hidden]{display:none}
.composer .creative-options .image-options,.composer .creative-options .video-options{display:flex;flex-wrap:nowrap;gap:7px;padding:0;margin:0;border:0}
.composer .creative-options label{display:inline-flex;align-items:center;height:34px;gap:0;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:#fff;flex-shrink:0}
.composer .creative-options label>span,.composer .creation-select>span{display:none}
.composer .creative-options select{height:30px;width:auto;max-width:130px;padding:0;border:0;background:transparent;font-size:12px}
.composer #image-style,.composer #image-template{display:none}
.composer .image-options label:has(#image-style),.composer .image-options label:has(#image-template){display:none}
.composer .creation-select,.composer .skill-picker,.composer .add-material{height:34px;font-size:12px}
.composer .creation-select select{font-size:12px}
.composer .model-select{display:inline-flex}
.composer .skill-picker span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.composer-submit{flex:none;margin-left:5px}
.toolbar-arrow{flex:none;width:22px;height:32px;padding:0;border:0;border-radius:7px;background:#f7f6fb;color:#75658f;font-size:22px}
.toolbar-arrow[hidden]{display:none}
.composer-price{display:flex;justify-content:flex-end;padding:0 12px 6px}
.composer .composer-price .server-estimate{display:inline-flex;height:auto;padding:0;border:0;background:none;font-size:11px}
.composer .composer-skill-popover{position:absolute;left:auto;right:12px;bottom:83px;width:min(300px,calc(100% - 24px));max-height:min(320px,50dvh);padding:8px;border-radius:12px;box-shadow:0 8px 30px #1713221f}
.composer-skill-popover .skill-filter{padding:0;margin:0 0 6px;gap:5px}
.composer-skill-popover .skill-list{max-height:min(250px,36dvh);gap:2px;overflow-y:auto}
.composer-skill-popover .skill-list[hidden]{display:none}
.composer-skill-popover .skill-card{min-height:40px;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;padding:5px 7px;border-radius:7px}
.composer-skill-popover .skill-card-icon{width:24px;height:24px;border-radius:6px}
.composer-skill-popover .skill-card small{display:none}
.composer-skill-popover .skill-card strong{font-size:12px;font-weight:500}
.composer-skill-popover .sheet-state{margin:0;padding:6px;font-size:11px}
.compact-choice{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:7px 10px;border:0;border-radius:7px;background:transparent;text-align:left;font-size:12px;color:#47434e}
.compact-choice:hover,.compact-choice[aria-pressed=true],.composer-skill-popover .skill-card[aria-pressed=true]{background:#f2efff;color:#6544ce}
.compact-choice b{font-weight:500}
@media(max-width:600px){.composer-toolbar{padding:7px}.composer-controls{touch-action:pan-x}.composer .composer-skill-popover{right:8px;width:min(300px,calc(100% - 16px))}.composer .prompt-row{min-height:68px}.composer .add-material span{display:none}.composer .add-material{width:34px;justify-content:center;padding:0}}