.pcx{width:100%;max-width:760px;display:flex;flex-direction:column;gap:14px;background:var(--composer-bg);border:1px solid var(--line);border-radius:30px;padding:18px 18px 12px;box-shadow:0 4px 24px -4px rgba(78,50,23,.08);transition:border-color var(--t-fast) var(--ease)}.pcx:focus-within{border-color:var(--line-strong)}.pcx-input{padding:4px 6px 0}.pcx-input textarea{width:100%;min-height:28px;max-height:220px;resize:none;overflow-y:auto;border:0;background:none;outline:none;font-family:var(--font-ui);font-size:14px;line-height:1.5;color:var(--fg-0)}.pcx-input textarea::placeholder{color:var(--fg-2)}.pcx-toolbar{justify-content:space-between;gap:8px;flex-wrap:wrap}.pcx-toolbar,.pcx-tools{display:flex;align-items:center}.pcx-tools{gap:6px}.pcx-plus{width:40px;height:40px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--fg-1);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.pcx-plus:hover{background:var(--bg-1);color:var(--fg-0)}.pcx-plus svg{width:16px;height:16px}.pcx-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-family:var(--font-ui);font-size:13px;color:var(--fg-1);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.pcx-pill svg{width:14px;height:14px}.pcx-pill.active,.pcx-pill:hover{color:var(--fg-0)}.pcx-pill.active{background:var(--bg-1);font-weight:600}.pcx-mic{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:999px;color:var(--fg-1);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.pcx-mic:hover{background:var(--bg-1);color:var(--fg-0)}.pcx-mic svg{width:14px;height:14px}.pcx-send{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:999px;background:var(--fg-0);color:var(--bg-0);transition:opacity var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.pcx-send:hover{filter:brightness(1.15)}.pcx-send:disabled{opacity:.35;cursor:default;filter:none}.pcx-send svg{width:14px;height:14px}.pcx-file-input{display:none}.pcx.is-drag-over{border-color:var(--blue,#4f8ef7);background:color-mix(in srgb,var(--blue,#4f8ef7) 4%,var(--composer-bg))}.pcx.is-drag-over .pcx-input textarea{color:var(--fg-1)}.pcx-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 6px 4px}.pcx-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 6px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-family:var(--font-ui);background:var(--bg-1);max-width:260px;overflow:hidden}.pcx-chip.is-error{border-color:var(--err,#e05a4e);background:color-mix(in srgb,var(--err,#e05a4e) 6%,var(--bg-0))}.pcx-chip.is-uploading{opacity:.8}.pcx-chip-icon{flex:none;display:inline-flex;align-items:center;font-size:13px;color:var(--fg-1)}.pcx-chip-icon svg{width:13px;height:13px;stroke:var(--fg-1)}.pcx-chip-name{color:var(--fg-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pcx-chip-size{color:var(--fg-2);white-space:nowrap;flex:none}.pcx-chip-error{color:var(--err,#e05a4e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:11px}.pcx-chip-retry{flex:none;padding:0 3px;font-size:13px;color:var(--err,#e05a4e);border-radius:4px;transition:background-color var(--t-fast) var(--ease)}.pcx-chip-retry:hover{background:color-mix(in srgb,var(--err,#e05a4e) 12%,transparent)}.pcx-chip-remove{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:4px;color:var(--fg-2);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.pcx-chip-remove:hover{background:var(--bg-2,var(--bg-1));color:var(--fg-0)}.pcx-chip-remove svg{width:10px;height:10px}@keyframes pcx-spin{to{transform:rotate(1turn)}}.pcx-chip-spinner{flex:none;width:13px;height:13px;animation:pcx-spin .8s linear infinite;color:var(--blue,#4f8ef7)}.pcx-plus:disabled{opacity:.35;cursor:default}.pcx-scope-select{display:none}.pcx-scope-select-face{display:inline-flex;align-items:center;gap:6px;padding:6px 26px 6px 12px;border:1px solid var(--line);border-radius:999px;font-family:var(--font-ui);font-size:13px;color:var(--fg-0);font-weight:600;background:var(--bg-1);background-image:linear-gradient(45deg,transparent 50%,var(--fg-1) 50%),linear-gradient(135deg,var(--fg-1) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat}.pcx-scope-select-face svg{width:14px;height:14px}.pcx-scope-select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit}.pcx-scope-select{position:relative}@media (max-width:480px){.pcx-pill{display:none}.pcx-scope-select{display:inline-block}}