.hai{--sai-raised:none;background:var(--sai-card);isolation:isolate;transition:box-shadow var(--ui-slow) var(--ui-ease), background-color var(--ui-slow) var(--ui-ease);animation:hai-in var(--ui-slow) var(--ui-ease) both;border:0;border-radius:22px;flex-direction:column;gap:14px;margin:0 0 40px;padding:18px 18px 16px;display:flex;position:relative}@keyframes hai-in{0%{opacity:0;transform:translateY(8px)}}.hai.is-bare{box-shadow:none;background:0 0;border:0;padding:0}.hai.is-dropping{background:color-mix(in srgb, var(--surface) 80%, var(--bg));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 25%, transparent)}.hai-glow{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hai-glow:before{content:"";filter:blur(40px);opacity:.4;transition:opacity var(--ui-slow) var(--ui-ease);background:radial-gradient(22% 30% at 30% 38%,#ff8fb480,#0000 70%),radial-gradient(24% 32% at 72% 36%,#6aa8ff80,#0000 70%),radial-gradient(20% 26% at 55% 66%,#b28cff66,#0000 70%);position:absolute;inset:-40%}.hai:focus-within .hai-glow:before{opacity:.6}:root[data-theme=dark] .hai-glow:before{opacity:.18}:root[data-theme=dark] .hai:focus-within .hai-glow:before{opacity:.28}.hai-head{align-items:center;gap:11px;padding:2px 4px 0;display:flex}.hai-icon{flex-shrink:0;width:26px;height:auto}.hai h2{min-width:0;color:var(--ink);letter-spacing:-.7px;flex:1;margin:0;font-size:22px;font-weight:500;line-height:1.2}.hai .sai-composer textarea{min-height:26px}.hai-ideas{flex-wrap:wrap;align-items:center;gap:2px;padding:0 2px;display:flex}.hai-ideas-label{color:var(--muted);margin:0 6px 0 2px;font-size:12.5px;font-weight:500}.hai-idea{height:32px;color:color-mix(in srgb, var(--ink) 74%, var(--muted));font:inherit;cursor:pointer;transition:background-color var(--ui-med) var(--ui-ease), color var(--ui-med) var(--ui-ease), transform var(--ui-fast) var(--ui-ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 10px 0 8px;font-size:12.5px;display:inline-flex}.hai-idea:hover,.hai-idea:focus-visible{background:color-mix(in srgb, var(--ticket,var(--ink)) 13%, transparent);color:var(--ink);outline:0}.hai-idea:focus-visible{box-shadow:0 0 0 2px var(--ink)}.hai-idea:active{transition-duration:var(--ui-fast);transform:scale(.97)}.hai-idea>svg:first-child{transition:transform var(--ui-med) var(--ui-spring);flex-shrink:0}.hai-idea:hover>svg:first-child{transform:scale(1.1)}.hai-idea-go{width:0;color:var(--muted);opacity:0;transition:width var(--ui-med) var(--ui-ease), margin var(--ui-med) var(--ui-ease), opacity var(--ui-med) var(--ui-ease);flex-shrink:0;margin-left:-7px}.hai-idea:hover .hai-idea-go,.hai-idea:focus-visible .hai-idea-go{opacity:1;width:13px;margin-left:0}@media (max-width:700px){.hai{border-radius:18px;margin-bottom:30px;padding:14px 12px 12px}.hai h2{font-size:19px}.hai-ideas{scrollbar-width:none;flex-wrap:nowrap;margin:0 -12px;padding:0 12px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.hai-ideas::-webkit-scrollbar{display:none}.hai-ideas-label,.hai-idea{white-space:nowrap;flex-shrink:0}}@media (prefers-reduced-motion:reduce){.hai,.hstart-blob{animation:none}.hai-idea-go,.hai-idea>svg:first-child{transition:none}}.ticket-card .open-app svg{transition:transform var(--ui-med) var(--ui-ease)}.ticket-card:hover .open-app svg{transform:translate(1px,-1px)}.ticket-card .open-app:active{transform:scale(.95)}.ticket-card .favorite-button{transition:opacity var(--ui-med) var(--ui-ease), color var(--ui-med) var(--ui-ease)}.ticket-card .favorite-button svg{transition:fill var(--ui-med) var(--ui-ease)}.content .tool-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.tool-grid .ticket-card{border-radius:12px;padding:14px 15px 0}.tool-grid .ticket-card:before,.tool-grid .ticket-card:after{width:16px;height:16px;bottom:39px}.tool-grid .ticket-card:before{left:-8px}.tool-grid .ticket-card:after{right:-8px}.tool-grid .app-card-header{margin-bottom:8px}.tool-grid .favorite-button{padding:3px}.tool-grid .favorite-button svg{width:16px;height:16px}.tool-grid .ticket-main{min-height:104px}.tool-grid .ticket-main h2{letter-spacing:-.5px;margin:0 0 5px;font-size:17px}.tool-grid .ticket-main p{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:calc(100% - 76px);min-height:0;font-size:10.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.tool-grid .app-artwork{width:72px;height:70px;margin:0;position:absolute;bottom:4px;right:-4px}.tool-grid .artwork-icon{background:#fff;border-radius:13px;inset:12px;box-shadow:0 5px 12px -5px #0000004d}.tool-grid .artwork-icon svg{width:32px;height:32px}.tool-grid .ticket-card .app-card-footer{height:47px;padding:0}.tool-grid .ticket-card .app-card-footer>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:9px;line-height:1.35;display:-webkit-box;overflow:hidden}.tool-grid .ticket-card .open-app{white-space:nowrap;flex-shrink:0;gap:6px;padding:5px 11px;font-size:9.5px}.tool-grid .ticket-card .open-app svg{width:12px;height:12px}@media (max-width:700px){.content .tool-grid{grid-template-columns:minmax(0,1fr);gap:10px}}.recent-apps button svg{transition:transform var(--ui-med) var(--ui-ease), color var(--ui-med) var(--ui-ease)}.recent-apps button:hover svg{color:var(--ink);transform:translate(1px,-1px)}.library-toolbar .ui-chips{flex:1}.recent-apps button{border-color:var(--ui-edge)}.studio-auth-mark{color:var(--ink);font-size:24px;line-height:1}.hstart{isolation:isolate;flex-direction:column;align-items:center;gap:26px;width:100cqw;margin:-44px calc(50% - 50cqw) 40px;padding:88px 32px 64px;display:flex;position:relative}.studio>main:has(>.content>.hfirst){container-type:inline-size}.hfirst{display:contents}.hstart>.hstart-glow{z-index:-1;pointer-events:none;opacity:.38;width:100%;max-width:none;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0009 50%,#0000 92%);mask-image:linear-gradient(#000,#0009 50%,#0000 92%)}:root[data-theme=dark] .hstart>.hstart-glow{opacity:.3}.hstart-blob{transform-box:fill-box;transform-origin:50%;animation:18s ease-in-out infinite alternate hstart-drift}.hstart-blob.is-b{animation-name:hstart-drift-b;animation-duration:23s;animation-delay:-8s}.hstart-blob.is-c{animation-duration:15s;animation-direction:alternate-reverse;animation-delay:-5s}.hstart-blob.is-d{animation-name:hstart-drift-b;animation-duration:19s;animation-delay:-12s}.hstart-blob.is-e{animation-name:hstart-drift-c;animation-duration:21s}.hstart-blob.is-f{animation-name:hstart-drift-c;animation-duration:26s;animation-direction:alternate-reverse;animation-delay:-9s}@keyframes hstart-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(35%,20%)scale(1.2)}to{transform:translate(-20%,10%)scale(.9)}}@keyframes hstart-drift-b{0%{transform:translate(0)scale(1.05)}50%{transform:translate(-40%,25%)scale(.85)}to{transform:translate(15%,-10%)scale(1.2)}}@keyframes hstart-drift-c{0%{transform:translate(0)scale(.9)}50%{transform:translate(-25%,-20%)scale(1.15)}to{transform:translate(30%,15%)scale(1)}}.hstart>*{width:100%;max-width:780px}.hstart .sai-composer{z-index:1;position:relative}.hstart .sai-composer-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 2px transparent, 0 12px 32px -18px transparent, 0 0 0 4px color-mix(in srgb, var(--ink) 5%, transparent);transition:border-color .28s var(--ui-ease,ease), box-shadow .28s var(--ui-ease,ease), background-color .28s var(--ui-ease,ease);background:#ffffffd1;border-color:#fff9}.hstart .sai-composer-box:focus-within{box-shadow:0 1px 2px #0000000a, 0 12px 32px -18px #00000040, 0 0 0 5px color-mix(in srgb, var(--ink) 11%, transparent);background:#fffffff2}:root[data-theme=dark] .hstart .sai-composer-box{border-color:color-mix(in srgb, var(--ink) 8%, transparent);background:color-mix(in srgb, var(--surface) 82%, transparent)}.hstart .sai-greet{gap:14px;padding:0}.hstart .sai-greet h1{font-family:var(--font-heading), system-ui, sans-serif;letter-spacing:-.035em;text-wrap:balance;font-size:clamp(30px,4.2vw,44px);font-weight:500;line-height:1.1}.hstart.is-dropping .sai-composer-box{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 25%, transparent)}.hstart-templates{margin-bottom:44px}.hstart-templates .tpl{padding-inline:0}@media (max-width:700px){.hfirst{min-height:calc(100svh - 22px - var(--platform-top,0px) - 56px);flex-direction:column;margin-bottom:56px;display:flex}.hfirst>.hstart-templates{margin-bottom:0}.hstart-templates .tpl-filters{flex-basis:calc(100% + 40px);margin-inline:-20px;padding-inline:20px 24px;scroll-padding-inline:20px}.hstart-templates .tpl-row{margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}.hstart{margin-top:calc(-22px - var(--platform-top,0px));padding:calc(20px + var(--platform-top,0px)) 20px max(20px, 4svh);flex:1 0 auto;justify-content:center;gap:18px;margin-bottom:14px}.hstart .sai-greet{gap:10px}.hstart .sai-greet .sai-empty-mark{width:30px;height:auto}.hstart .sai-composer textarea{min-height:70px}}
