.composer-surface{-webkit-user-select:none;user-select:none;background:rgb(var(--white) / 6%);border:1px solid rgb(var(--white) / 20%);isolation:isolate;backdrop-filter:blur(var(--blur-card));transition:border-color .3s ease-out,box-shadow .3s ease-out;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000008}.composer-surface-overlay{position:fixed}.assistant-composer-input,.assistant-composer-copy{font-size:var(--type-composer-input-size);line-height:var(--type-composer-input-leading)}.assistant-composer-input{box-sizing:border-box;min-inline-size:0;scrollbar-gutter:auto;width:100%;caret-color:rgb(var(--accent))}.composer-surface:before{background:var(--glas-mini-shee)}.dark .composer-surface{background:rgb(var(--white) / 3%);border-color:rgb(var(--white) / 5%);box-shadow:0 2px 8px #0003}
.composer-control-touch-frame{flex-shrink:0;width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;position:relative}.composer-control-touch-button{position:absolute;inset:0}.composer-control-touch-button:before{content:"";position:absolute;inset:0}.composer-btn{min-width:2.25rem;min-height:2.25rem;color:rgb(var(--muted-fg));cursor:pointer;background:rgb(var(--white) / 36%);border:1px solid rgb(var(--white) / 24%);isolation:isolate;backdrop-filter:blur(var(--blur-min)) saturate(115%);transition:color .15s var(--ease-std), background-color .15s var(--ease-std), border-color .15s var(--ease-std), box-shadow .15s var(--ease-std), filter .15s var(--ease-std);border-top:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;box-shadow:0 1px 2px #00000004,0 8px 16px -14px #0f172a33,inset 0 1px #fff9}.composer-btn svg{color:currentColor;pointer-events:none;stroke:currentColor;transform-origin:50%;transition:transform .15s var(--ease-std), color .15s var(--ease-std), stroke .15s var(--ease-std), opacity .15s var(--ease-std);flex-shrink:0;display:block;position:relative;top:.5px}.composer-btn:where(:hover){color:rgb(var(--foreground));background:rgb(var(--white) / 48%);border-color:rgb(var(--white) / 36%);box-shadow:0 1px 2px #00000005,0 10px 20px -14px #0f172a3d,inset 0 1px #fffc}.composer-btn:hover svg{transform:scale(1.12)}.dark :where(.composer-btn:hover){color:rgb(var(--foreground));background:#060606;box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff2e}.composer-btn:where(:active:not(:disabled)){filter:var(--ctl-press-fx)}.composer-btn:focus-visible{box-shadow:0 1px 2px #00000004, 0 8px 16px -14px #0f172a33, inset 0 1px 0 #fff9, 0 0 0 1px rgb(var(--accent) / 25%);outline:none}.dark .composer-btn:where(:focus-visible){box-shadow:0 1px 2px #00000014, inset 0 1px 0 #ffffff1f, 0 0 0 1px rgb(var(--accent) / 25%)}.dark .composer-btn{border-color:rgb(var(--white) / 8%);background:#000;box-shadow:0 1px 2px #00000014,inset 0 1px #ffffff1f}.composer-btn-muted{color:rgb(var(--white));background:rgb(var(--muted-fg) / 80%);border-color:rgb(var(--white) / 24%);position:relative;box-shadow:0 1px 2px #00000004,0 10px 18px -16px #0f172a38,inset 0 1px #ffffff57}.composer-btn-muted:where(:hover){color:rgb(var(--white));background:rgb(var(--muted-fg));border-color:rgb(var(--white) / 36%);box-shadow:0 1px 2px #00000005,0 12px 20px -16px #0f172a3d,inset 0 1px #ffffff70}.composer-btn-muted:where(:focus-visible){box-shadow:0 1px 2px #00000005, 0 10px 18px -16px #0f172a38, inset 0 1px 0 #ffffffad, 0 0 0 1px rgb(var(--muted-fg) / 22%)}.composer-btn-muted:where(:disabled){opacity:1}.composer-btn-muted:where(:active:not(:disabled)){filter:var(--ctl-press-fx)}.composer-btn-muted[data-busy=true]:after{pointer-events:none;content:"";background:conic-gradient(from -90deg, rgb(var(--white) / 100%) 0deg, rgb(var(--white) / 82%) 44deg, rgb(var(--white) / 32%) 72deg, rgb(var(--white) / 0%) 104deg, rgb(var(--white) / 0%) 360deg);border-radius:inherit;animation:.98s linear infinite composer-button-muted-orbit;position:absolute;inset:3px;mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}@media (prefers-reduced-motion:reduce){.composer-btn-muted[data-busy=true]:after{animation:none}}.dark .composer-btn-muted{background:rgb(var(--muted-fg) / 28%);border-color:rgb(var(--white) / 8%);box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff1f}.dark .composer-btn-muted:hover{color:rgb(var(--white) / 90%);background:rgb(var(--muted-fg) / 34%);border-color:rgb(var(--white) / 12%);box-shadow:0 1px 2px #00000024,inset 0 1px #ffffff29}.dark .composer-btn-muted:focus-visible{box-shadow:0 1px 2px #00000029, inset 0 1px 0 #ffffff29, 0 0 0 1px rgb(var(--muted-fg) / 20%)}.dark .composer-btn-muted:disabled{color:rgb(var(--white) / 36%);background:rgb(var(--muted-fg) / 18%)}@keyframes composer-button-muted-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.composer-btn-accent{color:rgb(var(--accent-fg));background:rgb(var(--accent));box-shadow:0 1px 2px #0000000d,inset 0 1px #ffffff59}.composer-btn-accent:hover{color:rgb(var(--accent-fg));background:color-mix(in srgb, rgb(var(--accent)) 92%, black);box-shadow:0 1px 2px #0000000f,inset 0 1px #ffffff6b}.dark .composer-btn-accent{color:rgb(var(--accent-fg));background:rgb(var(--accent));border-color:rgb(var(--accent));box-shadow:0 1px 2px #00000029,inset 0 1px #ffffff1f}.dark .composer-btn-accent:where(:hover){color:rgb(var(--accent-fg));background:color-mix(in srgb, rgb(var(--accent)) 88%, black);border-color:color-mix(in srgb, rgb(var(--accent)) 88%, black);box-shadow:0 1px 2px #0000002e,inset 0 1px #ffffff29}.composer-btn-accent:focus-visible{box-shadow:0 1px 2px #0000000d, inset 0 1px 0 #ffffff59, 0 0 0 1px rgb(var(--accent) / 25%)}.dark .composer-btn-accent:focus-visible{box-shadow:0 1px 2px #00000029, inset 0 1px 0 #ffffff1f, 0 0 0 1px rgb(var(--accent) / 25%)}.composer-btn-accent:active:not(:disabled){filter:var(--acc-press-fx)}.composer-btn-disabled,.composer-btn:disabled{color:rgb(var(--muted-fg));cursor:not-allowed;background:rgb(var(--white) / 58%);opacity:.55}.composer-btn-disabled:hover,.composer-btn:disabled:hover{color:rgb(var(--muted-fg));background:rgb(var(--white) / 58%);box-shadow:0 1px 2px #00000004,0 8px 16px -14px #0f172a29,inset 0 1px #fff9}.dark .composer-btn-disabled,.dark .composer-btn:disabled{color:rgb(var(--muted-fg));background:#000}.dark .composer-btn-disabled:hover,:where(.dark) .composer-btn:disabled:hover{color:rgb(var(--muted-fg));background:#000;box-shadow:0 1px 2px #00000014,inset 0 1px #ffffff1f}