.studio-home-composer-surface{position:relative;isolation:isolate;width:100%}.studio-home-composer-surface .studio-editor.is-compact{background:#12141b;box-shadow:0 0 0 1px #e2e8f012,0 -8px 16px #f1f5f909,0 -24px 72px #cbd5e11f,0 30px 96px #00000080;transition:box-shadow .5s ease}.studio-home-composer-surface .studio-editor.is-compact:hover,.studio-home-composer-surface .studio-editor.is-compact:focus-within{box-shadow:0 0 0 1px #f1f5f924,0 -8px 20px #f1f5f90f,0 -26px 86px #cbd5e129,0 34px 108px #00000085}.studio-floating-trigger{display:none}.studio-home-composer-surface[data-floating=true]{position:fixed;z-index:48;bottom:36px;left:calc(50% + var(--studio-sidebar-width, 0px) / 2);width:min(620px,calc(100vw - var(--studio-sidebar-width, 0px) - 40px));transform:translate(-50%)}.studio-home-composer-surface[data-floating=true]:before{position:absolute;z-index:-1;inset:-10px -14px;border-radius:28px;background:linear-gradient(100deg,#b9b4ff38,#94c8ee24 52%,#f6dcb323);filter:blur(20px);pointer-events:none;content:""}.studio-home-composer-surface[data-floating=true][data-expanded=false] .studio-home-editor{display:none}.studio-home-composer-surface[data-floating=true][data-expanded=false] .studio-floating-trigger{display:flex;width:100%;height:82px;align-items:center;gap:14px;padding:15px 16px;border:1px solid #d7daed8a;border-radius:12px;color:#f0f0f5;background:#12141b;box-shadow:0 12px 40px #0006;text-align:left;font:inherit;font-size:14px;cursor:pointer}.studio-floating-trigger:focus-visible{outline:2px solid #ed7c43;outline-offset:3px}.studio-floating-add{display:grid;width:40px;height:48px;flex-shrink:0;place-items:center;border:1px dashed #41444e;border-radius:8px;color:#b7bac5;background:#1a1d24}.studio-floating-add svg{width:16px;height:16px}.studio-floating-placeholder{flex:1;min-width:0}.studio-floating-generate{display:flex;height:36px;align-items:center;gap:6px;padding:0 15px;border:1px solid #363942;border-radius:24px;color:#e3e4eb;background:#262932;font-size:12px}.studio-floating-generate svg{width:14px;height:14px}.studio-home-composer-surface[data-floating=true][data-expanded=true]{width:min(980px,calc(100vw - var(--studio-sidebar-width, 0px) - 40px))}.studio-home-composer-surface[data-floating=true] .studio-editor.is-compact{min-height:190px;border-radius:24px}.studio-home-composer-surface[data-floating=true] .studio-editor.is-compact .studio-editor-scroll{min-height:116px}.studio-home-composer-surface[data-floating=true] .studio-editor.is-compact textarea{height:100px}@media(max-width:1023px){.studio-home-composer-surface[data-floating=true]{--studio-floating-bottom: max( calc(80px + env(safe-area-inset-bottom, 0px)) , calc(var(--studio-keyboard-inset, 0px) + 12px) );bottom:var(--studio-floating-bottom);width:calc(100vw - 24px)}.studio-home-composer-surface[data-floating=true][data-expanded=true]{width:calc(100vw - 24px)}.studio-home-composer-surface[data-floating=true] .studio-editor.is-compact{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - var(--studio-floating-bottom) - 64px)}.studio-home-composer-surface[data-floating=true] .studio-editor.is-compact .studio-editor-scroll{min-height:0;flex:1 1 auto;overflow-y:auto}.studio-home-composer-surface[data-floating=true] .studio-composer-toolbar{flex-shrink:0}.studio-home-composer-surface[data-floating=true] .studio-editor.is-compact textarea{height:clamp(60px,calc(100dvh - 310px),100px);min-height:60px}.studio-home-composer-surface[data-floating=true] .studio-floating-trigger{gap:10px;padding:12px}.studio-floating-generate{padding:0 11px}}@media(prefers-reduced-motion:reduce){.studio-home-composer-surface .studio-editor.is-compact{transition:none}}