.composer-textarea{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;font-size:14.5px}.composer-textarea::selection{background:var(--accent-tint);color:var(--accent-dark)}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;padding:4px 2px 8px}.attachment-list[hidden]{display:none}.attachment-item{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg)}.attachment-item img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;cursor:pointer;transition:opacity .15s ease}.attachment-item img:active{opacity:.8}.attachment-remove{position:absolute;top:5px;right:5px;width:22px;height:22px;background:#fff;color:#1f1f1e;border:1px solid rgba(0,0,0,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:pointer;line-height:1;padding:0;box-shadow:0 2px 6px #00000038;transition:background .15s ease,transform .1s ease}.attachment-remove:hover{background:#f0efe9}.attachment-remove:active{transform:scale(.92)}.composer-wrap{width:100%;max-width:680px;margin:0 auto;padding:0 24px 24px;flex-shrink:0;overscroll-behavior:none}.composer-box{background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px 12px 10px;display:flex;flex-direction:column;gap:8px;scroll-margin-bottom:24px}.composer-textarea{width:100%;border:none;outline:none;resize:none;font-size:14.5px;font-weight:400;line-height:21px;color:var(--text);background:transparent;height:29px;max-height:140px;padding:4px 2px;overflow-y:hidden;touch-action:pan-y!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-margin-bottom:100px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.composer-textarea::placeholder{color:var(--text-soft)}.composer-textarea::-webkit-scrollbar{width:6px}.composer-textarea::-webkit-scrollbar-button{display:none;height:0;width:0}.composer-textarea::-webkit-scrollbar-track{background:transparent}.composer-textarea::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.composer-textarea::-webkit-scrollbar-thumb:hover{background:var(--text-soft)}.composer-toolbar{display:flex;align-items:center;justify-content:space-between}.toolbar-left{display:flex;align-items:center;gap:8px}.model-picker{position:relative}.model-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:30px;border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:0 10px;color:var(--text-soft);font-family:Silkscreen,monospace;font-size:12px;font-weight:400;line-height:1;letter-spacing:.4px;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease}.model-trigger:hover,.model-picker.open .model-trigger{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-dark)}.model-dot{width:6px;height:6px;flex-shrink:0;background:var(--accent);display:inline-block}#modelLabel{display:inline-flex;align-items:center;line-height:1;transform:translateY(0)}@media(max-width:768px){#modelLabel{transform:translateY(-.5px)}}.model-menu{position:absolute;bottom:calc(100% + 8px);left:0;min-width:200px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:0 8px 24px #2c2a271a;display:flex;flex-direction:column;gap:2px;z-index:30}.model-menu[hidden]{display:none}.model-option{display:block;width:100%;border:none;background:transparent;border-radius:6px;padding:8px 10px;text-align:left;font-family:Silkscreen,monospace;font-size:12px;font-weight:400;letter-spacing:.4px;color:var(--text-soft);cursor:pointer}.model-option:hover{background:var(--accent-tint);color:var(--accent-dark)}.model-option.selected{background:var(--accent-tint);color:var(--accent-dark);font-weight:400}.send-btn{width:32px;height:32px;padding:0;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.send-btn svg{display:block}.send-btn:hover{background:var(--accent-dark)}.attach-btn{width:30px;height:30px;padding:0;border:1px solid var(--border);background:transparent;border-radius:50%;color:var(--text-soft);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.attach-btn svg{display:block}.attach-btn:hover{color:var(--text);border-color:var(--text-soft)}.attach-btn:disabled,.attach-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none;border-color:var(--border);color:var(--text-soft)}
