/* Existing homepage composer styles, isolated for previews without a hero.
   Source: alternative/alternative.css and studio/studio.css. No form redesign. */
@font-face{font-family:STHeroInter;src:url('/assets/runtime/dd8a4575be9806105ac3decd02805cd2782fe7c05abb02c582316bc436ce03ae/font.woff2') format('woff2');font-weight:100 900;font-display:swap}
.sth-dock{position:fixed;z-index:20;left:50%;bottom:calc(32px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(569px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid var(--color-warm-800);border-radius:var(--radius-dock-inner);background:var(--color-ink);box-sizing:border-box;height:var(--dock-height,104px);transition:width 680ms cubic-bezier(.22,1,.36,1),height 680ms cubic-bezier(.22,1,.36,1),border-radius 680ms;box-shadow:var(--shadow-raised);font-family:var(--font-body)}
.sth-dock.is-collapsed{height:58px;width:288px;max-width:calc(100vw - 32px)}
.dock-trigger{display:flex;position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 240ms ease,visibility 0s 240ms;align-items:center;justify-content:center;gap:4px;width:calc(100% - 20px);min-height:36px;margin:10px;padding:8px 12px;border:0;border-radius:var(--radius-full);background:var(--color-warm-800);color:var(--color-cream-50);font:500 12px/18px var(--font-body);cursor:pointer}
.dock-trigger img{width:20px;height:20px}
.is-collapsed .dock-trigger{opacity:1;visibility:visible;pointer-events:auto;transition-delay:180ms,0ms}
.is-collapsed .dock-editor{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0ms,320ms}
.dock-editor{width:100%;opacity:1;visibility:visible;transition:opacity 360ms ease 130ms,visibility 0s;max-height:calc(100dvh - 90px);overflow:visible;border-radius:var(--radius-2xl)}
.dock-viewport{overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - 90px);border-radius:var(--radius-2xl)}
.sth-dock .sth-prompt{max-width:none;border:0;box-shadow:none;width:min(567px,calc(100vw - 34px));margin:0}
.dock-close{position:absolute;right:4px;top:-32px;width:32px;height:32px;border:0;border-radius:50%;background:var(--color-warm-25);color:var(--color-warm-700);font:24px/1 Arial;cursor:pointer;box-shadow:var(--shadow-raised)}
.sth-dock:not(.is-engaged) .dock-close{display:none}
.sth-dock .sth-feedback{color:var(--color-cream-50);margin:0;padding:0 18px 14px;font-size:14px;line-height:1.5;max-height:160px;overflow:auto}
.sth-dock .sth-feedback:empty{display:none}
.sth-dock button:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}
@media(max-width:600px){.sth-dock{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.dock-trigger{min-height:44px}
.dock-close{width:44px;height:44px;top:-48px}
.sth-dock .sth-prompt textarea{max-height:180px}}
@media(prefers-reduced-motion:reduce){.sth-dock,.dock-editor{transition:none;animation:none}}
@media(max-width:600px){.sth-dock.is-collapsed{height:66px}}
@media(prefers-reduced-motion:reduce){.dock-trigger{transition:none}}
.sth-dock{height:auto;transition:width 720ms cubic-bezier(.22,1,.36,1),border-radius 720ms}
.sth-dock.is-collapsed{height:auto}
.dock-editor,.is-collapsed .dock-editor{opacity:1;visibility:visible;pointer-events:auto;transition:none}
.sth-dock .sth-prompt{width:100%;gap:0}
.dock-input-row{display:grid;grid-template-rows:1fr;transition:grid-template-rows 720ms cubic-bezier(.22,1,.36,1),margin 720ms; margin-bottom:10px}
.dock-input-inner{min-height:0;overflow:hidden}
.is-collapsed .dock-input-row{grid-template-rows:0fr;margin-bottom:0}
.sth-dock .sth-prompt-actions{display:grid;grid-template-columns:1fr auto;gap:10px}
.sth-dock .sth-idea-next{justify-self:start;min-width:0;width:var(--idea-width,150px);max-width:100%;transition:width 720ms cubic-bezier(.22,1,.36,1),background-color 260ms}
.sth-dock.is-collapsed .sth-idea-next{width:266px}
.sth-dock .sth-send{overflow:hidden;max-width:160px;transition:max-width 720ms cubic-bezier(.22,1,.36,1),padding 720ms,opacity 300ms}
.sth-dock.is-collapsed .sth-send{max-width:0;width:0;padding:0;opacity:0;pointer-events:none}
.sth-dock.is-collapsed .sth-prompt-actions{gap:0}
.sth-dock.is-collapsed .sth-feedback{display:none}
@media(max-width:600px){.sth-dock .sth-idea-next,.sth-dock .sth-send{height:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.sth-dock,.dock-input-row,.sth-dock .sth-idea-next,.sth-dock .sth-send{transition:none}}
.sth-dock{--composer-input-width:min(547px,calc(100vw - 54px))}
.sth-dock textarea{width:var(--composer-input-width);opacity:1;transition:opacity 200ms ease 720ms}
.sth-dock.is-collapsed textarea{opacity:0;transition:opacity 120ms ease}
.sth-dock .sth-idea-next{flex-shrink:0;white-space:nowrap;overflow:hidden}
.sth-dock .sth-idea-label{white-space:nowrap;flex-shrink:0}
.sth-dock .sth-prompt-actions{grid-template-columns:minmax(0,1fr) auto;transition:gap 720ms cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.sth-dock textarea,.sth-dock.is-collapsed textarea,.sth-dock .sth-prompt-actions{transition:none}}
.sth-dock{bottom:calc(20px + env(safe-area-inset-bottom,0px));scroll-margin-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.sth-dock.is-landed{bottom:auto}.sth-dock .sth-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1001px){.sth-dock:not(.is-collapsed){left:50%;transform:translateX(-50%);width:min(680px,calc(100vw - 48px));--composer-input-width:calc(min(680px,100vw - 48px) - 22px)}}
@media(max-width:600px){.sth-dock{bottom:calc(14px + env(safe-area-inset-bottom,0px));scroll-margin-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}

@media(max-width:600px){.sth-dock:not(.is-collapsed) .sth-send:not(.is-ready){width:44px;min-width:44px;flex-basis:44px;aspect-ratio:1;}}