.studio-composer{z-index:15;align-items:flex-end;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);padding-left:max(var(--space-md), env(safe-area-inset-left,0px));padding-right:max(var(--space-md), env(safe-area-inset-right,0px));pointer-events:none;background:0 0;display:flex;position:absolute;bottom:0;left:0;right:0}.studio-composer>*{pointer-events:auto}.studio-composer__field{border-radius:var(--radius-xl);border:1px solid var(--glass-edge-color);background:var(--glass-fill-menu);min-width:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:border-color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);flex:auto;display:flex;position:relative;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff05}@media (prefers-color-scheme:dark){.studio-composer__field{box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff0a}}.studio-composer__field:focus-within{border-color:color-mix(in srgb, var(--token-text-primary) 14%, var(--glass-edge-color))}@media (prefers-reduced-transparency:reduce){.studio-composer__field{background:var(--token-surface);border-color:var(--token-border);-webkit-backdrop-filter:none;backdrop-filter:none}.studio-composer__input{color:var(--token-text-primary)}.studio-composer__input::placeholder{color:var(--token-text-tertiary)}}.studio-composer__input{resize:none;scrollbar-width:none;min-width:0;min-height:44px;max-height:140px;padding:11px 0 11px var(--space-md);color:var(--glass-text);font:inherit;background:0 0;border:none;outline:none;flex:auto;margin-right:46px;font-size:16px;line-height:1.4;overflow-y:auto}.studio-composer__input::placeholder{color:color-mix(in srgb, var(--glass-text) 38%, transparent)}.studio-composer__input::-webkit-scrollbar{width:0;height:0}.studio-composer__send{border-radius:var(--radius-full);background:var(--token-accent);width:36px;height:36px;color:var(--on-accent);cursor:pointer;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);border:none;place-items:center;display:grid;position:absolute;bottom:4px;right:4px}@media (prefers-color-scheme:light){.studio-composer__send{color:var(--on-accent-inverse)}}.studio-composer__send:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.studio-composer__send:not(:disabled):hover{opacity:.9}.studio-composer__send:not(:disabled):active{transform:scale(.94)}}.studio-composer__send:focus-visible{box-shadow:0 0 0 2px var(--token-surface), 0 0 0 4px var(--token-accent);outline:none}
