.app-frame{background:var(--app-bg);text-align:left;border-radius:12px;height:560px;display:none;overflow:hidden}@media (min-width:768px){.app-frame{flex-direction:column;height:700px;display:flex}}.app-frame__toolbar{border-bottom:1px solid var(--app-border);flex-shrink:0;align-items:center;height:32px;padding:0 1rem;display:flex;position:relative}.app-frame__dots{gap:6px;display:flex}.app-frame__dots span{border:1px solid var(--app-border);border-radius:9999px;width:12px;height:12px}.app-frame__url{color:var(--color-text-muted);font-family:Geist Mono Variable,monospace;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.app-frame__body{flex:1;min-height:0;display:flex}.app-frame__sidebar{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;width:42px;padding:.75rem 0;display:flex}.app-frame__emblem{width:24px;height:24px;color:var(--color-accent);margin-bottom:.25rem}.app-frame__sidebar-btn{width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;border:none;border:1px solid var(--app-border);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:opacity .15s,background-color .15s;display:flex}.app-frame__sidebar-btn svg{width:12px;height:12px}.app-frame__sidebar-btn:hover{opacity:.8;background:color-mix(in srgb, var(--color-text) 10%, transparent)}.app-frame__sidebar-btn:active{opacity:1;background:color-mix(in srgb, var(--color-text) 12%, transparent)}.app-frame__sidebar-btn--active:hover{opacity:.9}.app-frame__sidebar-spacer{flex:1}.app-frame__sidebar-avatar{background:var(--color-accent);width:28px;height:28px;color:var(--color-bg);border-radius:9999px;justify-content:center;align-items:center;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;font-weight:500;display:flex}.app-frame__main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:0;display:flex}.app-frame__greeting{color:var(--color-text);align-items:center;gap:.5rem;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;display:flex}.app-frame__greeting-icon{width:20px;height:20px;color:var(--color-icon)}.app-frame__input-area{width:100%;max-width:450px}.app-frame__input-card{background:var(--app-bg-muted);border:1px solid var(--app-border);z-index:1;border-radius:10px;flex-direction:column;gap:1.25rem;width:100%;padding:1.25rem;display:flex;position:relative;box-shadow:0 10px 20px #0000000d}.app-frame__connector-logos{background:var(--color-bg-layer);border-radius:0 0 10px 10px;align-items:center;gap:.75rem;margin:0 10px;padding:.5rem 1.25rem;display:flex}.app-frame__connector-logos-label{color:var(--color-text-muted);white-space:nowrap;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem}.app-frame__connector-logo-list{align-items:center;gap:.5rem;margin-left:auto;display:flex}.app-frame__connector-logo{flex-shrink:0;width:14px;height:14px;position:relative}.app-frame__connector-logo:after{content:"";background-color:var(--color-text);-webkit-mask-image:var(--logo);-webkit-mask-image:var(--logo);mask-image:var(--logo);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.app-frame__input-text{color:var(--color-text);white-space:pre-wrap;word-break:break-word;width:100%;min-height:1.4em;max-height:70px;padding:0;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;line-height:1.6}.app-frame__input-text:empty:before{content:attr(data-placeholder);color:var(--color-text-muted)}.app-frame__input-text:after{content:"";vertical-align:text-bottom;background:var(--color-accent);width:1px;height:1.1em;margin-left:1px;animation:1.1s step-end infinite appFrameCaret;display:inline-block}@keyframes appFrameCaret{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.app-frame__input-text:after{animation:none}}.app-frame__input-actions{justify-content:space-between;align-items:center;display:flex}.app-frame__input-icons{gap:.5rem;display:flex}.app-frame__input-btn{border:1px solid var(--app-border);background:var(--app-bg);height:24px;color:var(--color-text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:background-color .15s,border-color .15s,color .15s;display:flex}.app-frame__input-btn svg{width:16px;height:16px}.app-frame__input-btn:hover{background:color-mix(in srgb, var(--color-bg-subtle), var(--color-text) 8%);border-color:color-mix(in srgb, var(--color-border), var(--color-text) 10%);color:var(--color-text)}.app-frame__input-btn:active{background:color-mix(in srgb, var(--color-bg-subtle), var(--color-text) 12%)}.app-frame__send-btn{color:var(--color-bg);background:var(--color-accent);cursor:pointer;border:none;border-radius:6px;height:28px;padding:0 .5rem;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;transition:opacity .15s}.app-frame__send-btn:hover{opacity:.85}.app-frame__send-btn:active{opacity:.7}.app-frame__prompt-suggestions{flex-direction:column;gap:.5rem;margin-top:1rem;transition:opacity .25s;display:flex}.app-frame__prompt-row{color:var(--color-text);text-align:left;border:1px dashed var(--color-border-subtle);border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;display:flex}.app-frame__prompt-row-label{color:var(--color-text);white-space:nowrap;flex-shrink:0;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;font-weight:500}.app-frame__prompt-row-desc{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;opacity:.8;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;overflow:hidden}.app-frame--fade-out{opacity:0;transition:opacity .3s}.app-frame--fade-in{opacity:1;transition:opacity .3s}.app-frame__main--response{justify-content:flex-start;padding:5rem 5rem 0;overflow-y:auto}.app-frame__response{opacity:0;flex-direction:column;width:100%;max-width:500px;margin:0 auto;display:none;position:relative}.app-frame__response.app-frame--fade-in{opacity:1}.app-frame__response.app-frame--fade-out{opacity:0}.app-frame__response-thinking{color:var(--color-icon);padding:.75rem 0;display:none}.app-frame__response-thinking svg{width:18px;height:18px;display:block}.app-frame__response-thinking circle{animation:1.4s ease-in-out infinite appFrameThinkingPulse}.app-frame__response-thinking circle[data-index="1"]{animation-delay:.1s}.app-frame__response-thinking circle[data-index="2"]{animation-delay:.2s}.app-frame__response-thinking circle[data-index="3"]{animation-delay:.3s}.app-frame__response-thinking circle[data-index="4"]{animation-delay:.4s}.app-frame__response-thinking circle[data-index="5"]{animation-delay:.5s}.app-frame__response-thinking circle[data-index="6"]{animation-delay:.6s}@keyframes appFrameThinkingPulse{0%,to{opacity:.25}50%{opacity:.8}}.app-frame__response-prompt{background:var(--color-bg-layer);color:var(--color-text);border-radius:10px;align-self:flex-end;max-width:80%;margin-bottom:1.5rem;padding:.5rem 1rem;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem}.app-frame__response-body{color:var(--color-text);font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;line-height:1.6}.app-frame__response-body h3{letter-spacing:0;margin-top:1.5rem;margin-bottom:.5rem;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:500}.app-frame__response-body h3:first-child{margin-top:0}.app-frame__response-body p{color:var(--color-text-muted);margin-bottom:.75rem}.app-frame__response-body ul{margin-bottom:.75rem;padding-left:1.25rem;list-style:outside}.app-frame__response-body li{color:var(--color-text-muted);margin-bottom:.5rem}.app-frame__response-body .app-frame__response-link{color:var(--color-link);pointer-events:none;cursor:default;text-decoration:underline}.app-frame__response-fade{background:linear-gradient(to bottom, transparent, var(--app-bg));pointer-events:none;flex-shrink:0;height:80px;display:none;position:sticky;bottom:0;left:0;right:0}@media (min-width:768px){.app-frame__response-fade{display:block}}