.ai-compose{width:600px;max-width:90vw}.ai-compose__title{text-align:center;margin-bottom:32px}.ai-compose__box{background:var(--card);border-radius:12px;width:100%;padding:12px 12px 44px;position:relative}.ai-compose:has(.ai-compose__images) .ai-compose__box{border-top:none;border-radius:0 0 12px 12px}.ai-compose__textarea{resize:none;width:100%;min-height:120px;color:var(--foreground);background:0 0;border:none;outline:none}.ai-compose__textarea:focus{box-shadow:none;border:none;outline:none}.ai-compose__textarea:focus-visible{box-shadow:none;border:none;outline:none}.ai-compose__send{border-radius:9999px;width:30px;height:30px;position:absolute;bottom:10px;right:12px}.ai-compose__frames{justify-content:center;margin-top:16px;padding:12px 0;display:flex}.ai-compose__images{background:var(--card);border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;flex-wrap:wrap;gap:6px;margin-bottom:0;padding:12px;display:flex}.ai-compose__image{border-radius:8px;position:relative;overflow:hidden}.ai-compose__image:hover .ai-compose__image-remove{opacity:1}.ai-compose__image-preview{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:56px;height:56px;display:block}.ai-compose__image-remove{background:var(--destructive);color:var(--destructive-foreground);border:1px solid var(--background);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .2s;display:flex;position:absolute;top:-4px;right:-4px}.ai-compose__image-remove:hover{background:var(--destructive);opacity:1}.ai-compose__image-add{border:1px dashed var(--border);background:var(--muted);width:56px;height:56px;color:var(--muted-foreground);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.ai-compose__image-add:hover{border-color:var(--foreground);color:var(--foreground);background:var(--accent)}.ai-compose__upload{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s;position:absolute;bottom:10px;left:12px}.ai-compose__upload:hover{color:var(--foreground);background:var(--accent)}.ai-compose__samples{text-align:center;margin-top:20px;padding:0}.ai-compose__sample{background:var(--muted);color:var(--muted-foreground);cursor:pointer;border:none;border-radius:6px;margin:0 4px 6px 0;padding:6px 12px;font-size:11px;font-weight:400;transition:all .2s;display:inline-block;position:relative;transform:rotate(-1deg)}.ai-compose__sample:nth-child(2n){transform:rotate(.5deg)}.ai-compose__sample:nth-child(3n){transform:rotate(-.5deg)}.ai-compose__sample:nth-child(4n){transform:rotate(1deg)}.ai-compose__sample:nth-child(5n){transform:rotate(-.8deg)}.ai-compose__sample:hover{background:var(--accent);color:var(--accent-foreground);transform:rotate(0)translateY(-1px)}.ai-compose__sample:active{transform:rotate(0)translateY(0)}