.template-modal-portal{-webkit-backdrop-filter:blur(10px)!important;z-index:50!important;background-color:#000000b3!important;justify-content:center!important;align-items:center!important;padding:1rem!important;display:flex!important;position:fixed!important;inset:0!important}@supports (-webkit-touch-callout:none){.template-modal-portal{width:100%!important;height:100%!important;position:absolute!important}}.template-modal-content{z-index:1000000!important;-webkit-backdrop-filter:blur(16px)!important;will-change:transform!important;backface-visibility:hidden!important;background-color:#020617f2!important;border:1px solid #4b556366!important;border-radius:.75rem!important;flex-direction:column!important;width:100%!important;max-width:800px!important;max-height:90vh!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:translateZ(0)!important;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006!important}.template-modal-header{z-index:10!important;background-color:#020617!important;border-bottom:1px solid #4b556366!important;justify-content:space-between!important;align-items:center!important;padding:1rem!important;display:flex!important;position:sticky!important;top:0!important;transform:translateZ(0)!important}.template-modal-search{z-index:10!important;background-color:#020617!important;border-bottom:1px solid #4b556366!important;padding:1rem!important;position:sticky!important;top:52px!important;transform:translateZ(0)!important}.template-modal-body{z-index:1!important;-webkit-overflow-scrolling:touch!important;flex:1!important;padding:1rem!important;position:relative!important;overflow-y:auto!important}.console-wrapper,.console-tab,.console-container,.console-inner,.console-output{z-index:auto!important}body.has-template-modal{touch-action:none!important;overscroll-behavior:none!important}.template-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:1rem!important;display:grid!important}@media (min-width:640px){.template-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}}@media (min-width:768px){.template-grid{grid-template-columns:repeat(4,1fr)!important}}@media (min-width:1024px){.template-grid{grid-template-columns:repeat(5,1fr)!important}}.template-item{aspect-ratio:1!important;-webkit-backdrop-filter:blur(8px)!important;will-change:transform, opacity!important;background-color:#0006!important;border:1px solid #4b556399!important;border-radius:.5rem!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;position:relative!important;overflow:hidden!important;transform:translateZ(0)!important}.template-item:hover{border-color:#646e8ccc!important;transform:translateY(-5px)!important;box-shadow:0 10px 20px #0000004d!important}.template-item:active{transition:all .1s ease-in-out!important;transform:scale(.97)translateY(-2px)!important}.template-item img{object-fit:cover!important;opacity:.85!important;width:100%!important;height:100%!important;transition:transform .3s ease-in-out!important}.template-item:hover img{opacity:1!important;transform:scale(1.05)!important}.template-item-selected{animation:1.5s cubic-bezier(.16,1,.3,1) infinite pulse!important;box-shadow:0 0 0 2px #3b82f6cc,0 0 15px #3b82f680!important}@keyframes pulse{0%{box-shadow:0 0 0 2px #3b82f6cc,0 0 15px #3b82f64d!important}50%{box-shadow:0 0 0 2px #3b82f6cc,0 0 20px #3b82f699!important}to{box-shadow:0 0 0 2px #3b82f6cc,0 0 15px #3b82f64d!important}}.template-item-selected:hover{transform:scale(1.01)!important}.template-item-selected img{opacity:.9!important;transform:scale(1.02)!important}.template-item-selected:hover img{opacity:1!important}.template-item-selected .template-item-footer{background:linear-gradient(#0000,#00000080,#000c)!important}.template-item-footer{z-index:2!important;background:linear-gradient(#0000,#000000b3)!important;padding:.5rem!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.template-marker{color:#fff!important;z-index:2!important;border-radius:.25rem!important;padding:.125rem .375rem!important;font-size:.625rem!important;font-weight:700!important;position:absolute!important;top:.25rem!important;right:.25rem!important}.template-marker-new{background-color:#10b981!important}.template-marker-hot{background-color:#ef4444!important}.template-image-upload{-webkit-backdrop-filter:blur(8px)!important;background-color:#1f2937b3!important;border-bottom:1px solid #4b556366!important;padding:.75rem 1rem!important;position:relative!important}.template-image-preview{background-color:#0000004d!important;border:1px dashed #4b5563b3!important;border-radius:.5rem!important;width:6rem!important;height:6rem!important;transition:all .2s!important;position:relative!important;overflow:hidden!important}.template-image-preview:hover{border-color:#6b7280e6!important;box-shadow:0 0 10px #0000004d!important}.template-image-upload-input{opacity:0!important;cursor:pointer!important;z-index:10!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.template-image-placeholder{color:#9ca3af!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:100%!important;padding:.25rem!important;display:flex!important}.template-image-remove{color:#fff!important;z-index:20!important;background-color:#0009!important;border-radius:9999px!important;padding:.25rem!important;line-height:0!important;position:absolute!important;top:.25rem!important;right:.25rem!important}.template-image-remove:hover{background-color:#000c!important}.template-image-loading{z-index:10!important;background-color:#0000004d!important;justify-content:center!important;align-items:center!important;display:flex!important;position:absolute!important;inset:0!important}.template-image-error{color:#fff!important;text-align:center!important;z-index:20!important;background-color:#ef4444cc!important;padding:.25rem!important;font-size:.625rem!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.template-selected-mark{z-index:20!important;background-color:#3b82f6!important;border-radius:9999px!important;padding:.25rem!important;position:absolute!important;top:.25rem!important;left:.25rem!important;box-shadow:0 1px 3px #0000004d!important}.template-prompt-text{color:#d1d5db!important;-webkit-line-clamp:1!important;text-overflow:ellipsis!important;opacity:.8!important;-webkit-box-orient:vertical!important;margin-top:.125rem!important;font-size:.625rem!important;line-height:1.2!important;display:-webkit-box!important;overflow:hidden!important}.template-item.loading img{opacity:0!important;transition:opacity .3s ease-in-out!important}.template-item img.loaded{opacity:1!important}
@keyframes pulseGlow{0%{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 15px #3b82f699}to{box-shadow:0 0 5px #3b82f64d}}@keyframes pulseOpacity{0%{opacity:.1}50%{opacity:.3}to{opacity:.1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pulse-blue{animation:2s ease-in-out infinite pulseGlow}.animate-pulse-glow{animation:2s ease-in-out infinite pulseOpacity}.floating-panel{width:100%;max-width:1100px;margin:0 auto;transition:all .3s ease-in-out;animation:.5s ease-in-out fadeIn}.floating-panel[data-initial-render=true]{opacity:0}.floating-panel.is-focused{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.input-focus-animation{transition:all .2s ease-in-out}.input-focus-animation:focus{transform:scale(1.01);box-shadow:0 0 0 2px #3b82f680}.backdrop-blur-preset{-webkit-backdrop-filter:blur(10px);background-color:#141414b3}.rounded-preset{border:1px solid #ffffff1a;border-radius:12px}