.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-direction:column;flex:auto;display:flex;position:relative;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff05}.studio-composer__field--dragging{border-color:color-mix(in srgb, var(--token-accent) 45%, var(--glass-edge-color));background:color-mix(in srgb, var(--token-accent) 8%, var(--glass-fill-menu))}.studio-composer__row{align-items:flex-end;width:100%;min-width:0;display:flex}.studio-composer__skills{flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:10px 12px 0;list-style:none;display:flex}.studio-composer__skill-chip{border-radius:var(--radius-full);background:color-mix(in srgb, var(--token-accent) 12%, transparent);max-width:100%;color:var(--token-accent);border:1px solid color-mix(in srgb, var(--token-accent) 28%, transparent);align-items:center;gap:4px;padding:4px 4px 4px 10px;display:inline-flex}.studio-composer__skill-chip-label{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:590;line-height:1.3;overflow:hidden}.studio-composer__skill-chip-remove{background:color-mix(in srgb, var(--token-accent) 18%, transparent);width:20px;height:20px;color:var(--token-accent);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.studio-composer__skill-chip-remove:hover{background:color-mix(in srgb, var(--token-accent) 28%, transparent)}}.studio-composer__attachments{flex-wrap:wrap;gap:8px;margin:0;padding:10px 12px 0;list-style:none;display:flex}.studio-composer__attachment{background:color-mix(in srgb, var(--token-text-primary) 6%, transparent);border:1px solid color-mix(in srgb, var(--token-text-primary) 10%, transparent);border-radius:10px;width:56px;height:56px;position:relative;overflow:hidden}.studio-composer__attachment img{object-fit:cover;width:100%;height:100%;display:block}.studio-composer__attachment-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:999px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:3px;right:3px}.studio-composer__attach{border-radius:var(--radius-full);width:36px;height:36px;color:color-mix(in srgb, var(--glass-text) 62%, transparent);cursor:pointer;transition:color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);background:0 0;border:none;flex:none;place-items:center;margin:4px 0 4px 4px;display:grid}.studio-composer__attach:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.studio-composer__attach:not(:disabled):hover{color:var(--glass-text);background:color-mix(in srgb, var(--token-text-primary) 8%, transparent)}}.studio-composer__attach:focus-visible{box-shadow:0 0 0 2px var(--token-surface), 0 0 0 4px var(--token-accent);outline:none}.studio-composer__attach--skill.is-active,.studio-composer__attach.is-active{color:var(--token-accent);background:color-mix(in srgb, var(--token-accent) 12%, transparent)}.studio-composer__skill-menu{left:var(--space-md);right:var(--space-md);bottom:calc(100% + var(--space-xs));z-index:13;gap:var(--space-3xs);width:auto;max-width:min(420px, calc(100% - var(--space-xl)));max-height:min(320px,45vh);padding:var(--space-2xs);border:1px solid var(--token-border);border-radius:var(--radius-lg);background:var(--token-surface-elevated);box-shadow:var(--elevation-3,0 16px 40px #0000002e);pointer-events:auto;display:grid;position:absolute;overflow-y:auto}.studio-composer__skill-menu-hint{padding:var(--space-2xs) var(--space-xs) var(--space-3xs);color:var(--token-text-tertiary);margin:0;font-size:12px;line-height:1.35}.studio-composer__skill-option{align-items:flex-start;gap:var(--space-xs);width:100%;padding:var(--space-xs);border-radius:var(--radius-md);color:var(--token-text-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;display:flex}@media (hover:hover) and (pointer:fine){.studio-composer__skill-option:hover{background:var(--token-fill-subtle)}}.studio-composer__skill-option.is-selected{background:color-mix(in srgb, var(--token-accent) 10%, transparent)}.studio-composer__skill-option-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.studio-composer__skill-option-text strong{font-size:14px;font-weight:590}.studio-composer__skill-option-text small{color:var(--token-text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.studio-composer__skill-option-check{color:var(--token-accent);flex-shrink:0;margin-top:2px}.studio-composer__drop-hint{border-radius:inherit;background:color-mix(in srgb, var(--token-accent) 10%, transparent);color:var(--token-accent);pointer-events:none;z-index:2;place-items:center;font-size:13px;font-weight:600;display:grid;position:absolute;inset:0}@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-sm);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__field:not(.studio-composer__field--attachable) .studio-composer__input{padding-left:var(--space-md)}.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}