.composer-demo{--composer-accent:#3979ec;color:#373b42;width:min(100%,620px);font-family:Geist,Avenir Next,Arial,sans-serif}.composer-demo *,.composer-demo :before,.composer-demo :after{box-sizing:border-box}.composer-context{color:#6d727a;background:#e9eaec;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:12px;margin:0 18px;padding:9px 13px 15px;font-size:11px;display:flex}.composer-context span{align-items:center;gap:6px;display:inline-flex}.composer-demo svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.composer{background:#fff;border:1px solid #eceef0;border-radius:20px;margin-top:-6px;padding:14px 14px 10px;transition:box-shadow .18s;position:relative;box-shadow:0 3px 5px -4px #30384425,0 14px 34px -24px #30384435}.composer:focus-within{box-shadow:0 0 0 3px #3979ec13,0 14px 34px -24px #30384435}.composer.is-dragging{outline:2px solid var(--composer-accent);outline-offset:4px}.composer__strip{flex-wrap:wrap;gap:9px;min-height:56px;margin:0;padding:0;list-style:none;display:flex}.composer__empty{color:#979ca5;align-self:center;padding:6px 2px;font-size:12px}.composer-tile{background:#fcfcfd;border:1px solid #e7e9ee;border-radius:12px;flex:0 0 56px;width:56px;height:56px;animation:.42s cubic-bezier(.2,.8,.2,1) both composer-land;position:relative}.composer-tile__content{border-radius:inherit;align-content:center;justify-items:start;gap:3px;height:100%;padding:6px;display:grid;overflow:hidden}.composer-tile__content>svg{color:#727e92;width:24px;height:24px}.composer-tile[data-kind=spreadsheet] .composer-tile__content>svg{color:#378875}.composer-tile[data-kind=presentation] .composer-tile__content>svg{color:#a97849}.composer-tile[data-kind=code] .composer-tile__content>svg{color:#488ca0}.composer-tile[data-kind=video] .composer-tile__content>svg{color:#7a7fbd}.composer-tile__name{color:#7b818b;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;line-height:12px;overflow:hidden}.composer-tile__image{object-fit:cover;width:100%;height:100%}.composer-tile[data-kind=image] .composer-tile__content{padding:0;display:block}.composer-tile .composer-tile__ring{width:56px;height:56px;color:var(--composer-accent);pointer-events:none;transition:opacity .22s;position:absolute;inset:-1px}.composer-tile__ring path{stroke-width:1.4px;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--progress,0))}.composer-tile__percentage,.composer-tile__remove{font-variant-numeric:tabular-nums;background:#fff;border:0;border-radius:50%;place-items:center;width:25px;height:25px;font:9px/1 Geist,Arial,sans-serif;transition:opacity .22s,transform .25s cubic-bezier(.2,.8,.2,1),filter .22s;display:grid;position:absolute;top:-4px;right:-5px}.composer-tile__percentage{color:var(--composer-accent)}.composer-tile__remove{cursor:pointer;color:#747b87;opacity:0;filter:blur(3px);pointer-events:none;transform:scale(.65)}.composer-tile__remove svg{width:12px;height:12px}.composer-tile.is-ready .composer-tile__percentage{opacity:0;filter:blur(3px);transform:scale(.7)}.composer-tile.is-ready .composer-tile__remove{opacity:1;filter:blur();pointer-events:auto;transform:scale(1)}.composer-tile.is-ready .composer-tile__ring{opacity:0}.composer-tile__remove:hover{color:#2d3541;background:#f0f2f5}.composer__label{color:#7d838d;margin:13px 2px 5px;font-size:10px;display:block}.composer__input{resize:vertical;color:#373b42;background:0 0;border:0;outline:none;width:100%;min-height:44px;padding:0 2px;font-family:inherit;font-size:13px;line-height:1.6;display:block}.composer__input::placeholder{color:#a0a5ae}.composer__tools{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.composer__tools-group{align-items:center;gap:8px;display:inline-flex}.composer__button{color:#656e7b;cursor:pointer;background:#f0f1f3;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:transform .18s,background .18s;display:inline-grid}.composer__button:hover{background:#e6e9ed}.composer__button:active{transform:scale(.94)}.composer__button--send{background:var(--composer-accent);color:#fff}.composer__button--send:hover{background:#2869d9}.composer__button--send:disabled{color:#a0aabc;cursor:default;background:#e5e9f1}.composer__hint{color:#8c929c;font-size:10px}.composer__mode{color:#626b79;font-size:11px}.composer__feedback{color:#7a828e;min-height:20px;margin:12px 4px 0;font-size:11px;line-height:1.6}.composer__feedback[data-error=true]{color:#b24740}.composer__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;display:flex}.composer__control{color:#737c88;cursor:pointer;background:0 0;border:1px solid #dfe3e9;border-radius:8px;padding:8px 12px;font:11px/1.3 Geist,Avenir Next,Arial,sans-serif}.composer__control:hover{color:#373b42;background:#fff}.composer-demo button:focus-visible{outline:2px solid var(--composer-accent);outline-offset:3px}.composer-demo input[type=file]{display:none}@keyframes composer-land{0%{opacity:0;filter:blur(3px);transform:translateY(6px)scale(.78)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (width<=480px){.composer{padding:12px 10px 10px}.composer-context{margin-inline:12px}.composer__hint{display:none}.composer__strip{gap:9px}}@media (prefers-reduced-motion:reduce){.composer-demo *,.composer-demo :before,.composer-demo :after{transition:none!important;animation:none!important}}