.template-card{display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.template-card:hover{box-shadow:0 12px 24px -4px #00000040,0 0 0 1px #00cfff26;transform:translateY(-4px)}.template-preview{aspect-ratio:4/3;background:#aeb6c20f;overflow:hidden;position:relative;width:100%}.template-preview img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.template-card:hover .template-preview img{transform:scale(1.06)}.template-card__overlay{align-items:center;background:linear-gradient(180deg,#0000 40%,#0009);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s ease}.template-card__overlay--visible{opacity:1}.template-card__play-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:2px solid #ffffff4d;border-radius:50%;height:44px;width:44px}.template-card__placeholder,.template-card__play-icon{align-items:center;display:flex;justify-content:center}.template-card__placeholder{font-size:.8125rem;height:100%}.template-card__info{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.template-card__name{font-size:.875rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card__category{color:#00cfff;display:inline-block;font-size:.6875rem;font-weight:500;letter-spacing:.04em;opacity:.85;text-transform:uppercase}.toast-container{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:9999}.toast-notification{animation:toast-slide-in .2s cubic-bezier(.4,0,.2,1) forwards;opacity:1;pointer-events:all;transform:translateX(0);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.toast-notification.toast-exiting{animation:toast-slide-out .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.toast-message{flex:1 1;font-weight:500}.toast-retry:hover{background:#ffffff4d!important}.toast-retry:active{transform:scale(.95)}.toast-dismiss:hover{opacity:1}.toast-dismiss:active{transform:scale(.95)}.template-detail-overlay{align-items:stretch;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.template-detail-panel-wrapper{animation:tdpSlideIn .28s cubic-bezier(.4,0,.2,1);display:flex;height:100vh;width:75vw}@keyframes tdpSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.template-detail-panel{border-left:1px solid #aeb6c21f;display:flex;flex-direction:column;flex-shrink:0;height:100%;max-width:380px;min-width:300px;overflow:hidden;width:360px}.tdp-header{border-bottom:1px solid #aeb6c21a;flex-shrink:0;justify-content:space-between;padding:12px 14px}.tdp-back-btn,.tdp-header{align-items:center;display:flex}.tdp-back-btn{background:none;border:none;color:#f0f0f5;cursor:pointer;font-size:.9375rem;font-weight:600;gap:6px;max-width:220px;overflow:hidden;padding:4px 0;text-overflow:ellipsis;white-space:nowrap}.tdp-back-btn:hover{color:#7c3aed;color:var(--color-accent-primary,#7c3aed)}.tdp-header-actions{display:flex;gap:4px}.tdp-icon-btn{align-items:center;background:#aeb6c214;border:none;border-radius:8px;color:#8b8fa3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s ease,color .15s ease;width:32px}.tdp-icon-btn:hover:not(:disabled){background:#aeb6c229;color:#f0f0f5}.tdp-icon-btn:disabled{cursor:default;opacity:.3}.tdp-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px 14px 28px}.tdp-content::-webkit-scrollbar{width:4px}.tdp-content::-webkit-scrollbar-thumb{background:#aeb6c233;border-radius:2px}.tdp-mode-toggle{background:#aeb6c214;border:1px solid #aeb6c21a;border-radius:10px;display:flex;gap:0;padding:3px}.tdp-mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#8b8fa3;cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .15s ease}.tdp-mode-btn:hover:not(.tdp-mode-btn--active){background:#aeb6c20f;color:#c8cad0}.tdp-mode-btn--active{background:#7c3aed;background:var(--color-accent-primary,#7c3aed);box-shadow:0 2px 8px #7c3aed4d;color:#fff}.tdp-section{display:flex;flex-direction:column;gap:6px}.tdp-prompt{font-size:.8125rem;line-height:1.55;margin:0}.tdp-view-all{background:none;border:none;color:#8b8fa3;cursor:pointer;font-size:.75rem;padding:0;text-align:left;text-decoration:underline;text-underline-offset:2px}.tdp-view-all:hover{color:#7c3aed;color:var(--color-accent-primary,#7c3aed)}.tdp-meta-grid{grid-gap:10px 14px;border-bottom:1px solid #aeb6c21a;border-top:1px solid #aeb6c21a;display:grid;gap:10px 14px;grid-template-columns:1fr 1fr;padding:12px 0}.tdp-meta-item{display:flex;flex-direction:column;gap:2px}.tdp-meta-label{color:#8b8fa3;font-size:.6875rem;text-transform:capitalize}.tdp-meta-value{color:#f0f0f5;font-size:.8125rem;font-weight:500}.tdp-meta-badge{color:#7c3aed;color:var(--color-accent-primary,#7c3aed);cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:2px}.tdp-related-header{align-items:center;display:flex;justify-content:space-between}.tdp-related-title{color:#8b8fa3;font-size:.75rem;font-weight:500}.tdp-related-nav{display:flex;gap:4px}.tdp-nav-btn{align-items:center;background:#aeb6c214;border:none;border-radius:6px;color:#8b8fa3;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background .15s ease;width:24px}.tdp-nav-btn:hover:not(:disabled){background:#aeb6c229;color:#f0f0f5}.tdp-nav-btn:disabled{cursor:default;opacity:.35}.tdp-related-row{display:flex;gap:6px}.tdp-related-card{aspect-ratio:4/3;background:#aeb6c20f;border:2px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;overflow:hidden;padding:0;transition:border-color .15s ease,transform .15s ease}.tdp-related-card:hover{border-color:#7c3aed66;transform:scale(1.02)}.tdp-related-card img{height:100%;object-fit:cover;width:100%}.tdp-label{display:block;font-size:.75rem;font-weight:600}.tdp-textarea{border:1px solid #aeb6c22e;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.8rem;line-height:1.5;padding:8px 10px;resize:vertical;transition:border-color .15s ease;width:100%}.tdp-textarea:focus{border-color:#7c3aed;border-color:var(--color-accent-primary,#7c3aed);outline:none}.tdp-presets-label{align-items:center;color:#8b8fa3;display:flex;font-size:.75rem;font-weight:500;gap:6px}.tdp-presets-list{display:flex;flex-direction:column;gap:3px}.tdp-preset-item{background:#aeb6c20d;border:1px solid #aeb6c21a;border-radius:6px;cursor:pointer;font-size:.75rem;line-height:1.4;padding:6px 8px;text-align:left;transition:background .15s ease,border-color .15s ease}.tdp-preset-item:hover{background:#7c3aed14;border-color:#7c3aed40}.tdp-generate-btn{align-items:center;background:#7c3aed;background:var(--color-accent-primary,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:background .15s ease,box-shadow .15s ease,transform .1s ease;width:100%}.tdp-generate-btn:hover:not(:disabled){background:#5b21b6;background:var(--color-accent-active,#5b21b6);box-shadow:0 0 20px #7c3aed66}.tdp-generate-btn:active:not(:disabled){transform:scale(.98)}.tdp-generate-btn:disabled{cursor:not-allowed;opacity:.45}.tdp-disclosure{border:1px solid #aeb6c226;border-radius:10px;overflow:hidden}.tdp-disclosure summary{align-items:center;background:#aeb6c20f;cursor:pointer;display:flex;font-size:.78125rem;font-weight:600;justify-content:space-between;list-style:none;padding:12px 14px}.tdp-disclosure summary::-webkit-details-marker{display:none}.tdp-disclosure summary .tdp-chev{color:#8b8fa3;font-size:11px;transition:transform .15s ease}.tdp-disclosure[open] summary .tdp-chev{transform:rotate(90deg)}.tdp-disclosure .tdp-disc-body{display:flex;flex-direction:column;gap:12px;padding:14px}.tdp-primary-row{background:#7c3aed0f;border:1px solid #aeb6c226;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:14px}.tdp-action-line{align-items:center;display:flex;gap:10px}.tdp-credit-chip{font-feature-settings:"tnum";background:#fef3e2;border-radius:8px;color:#92400e;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:500;padding:10px 12px;white-space:nowrap}.tdp-credit-balance{color:#8b8fa3;font-size:.6875rem;margin:0;text-align:center}.tdp-actions-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr}.tdp-action-btn{align-items:center;background:#aeb6c212;border:1px solid #aeb6c226;border-radius:8px;color:#c0c4d0;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:6px;justify-content:center;padding:8px 10px;transition:background .15s ease,border-color .15s ease,color .15s ease}.tdp-action-btn:hover{background:#aeb6c221;border-color:#aeb6c24d;color:#f0f0f5}.tdp-action-btn--disabled,.tdp-action-btn--disabled:hover{background:#aeb6c20a;border-color:#aeb6c214;color:#888;cursor:not-allowed;opacity:.4}.tdp-preview-pane{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0;overflow:hidden;position:relative}.tdp-preview-media{display:block;max-height:100%;max-width:100%;object-fit:contain}.tdp-preview-placeholder{font-size:.875rem;opacity:.5;padding:20px;text-align:center}.tdp-preview-loading{align-items:center;color:#8b8fa3;display:flex;flex-direction:column;font-size:.8125rem;gap:12px}.tdp-preview-spinner{animation:tdpSpin .8s linear infinite;border:3px solid #7c3aed26;border-radius:50%;border-top:3px solid var(--color-accent-primary,#7c3aed);height:28px;width:28px}@keyframes tdpSpin{to{transform:rotate(1turn)}}.tdp-preview-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #7c3aed33;border-radius:8px;bottom:16px;color:#7c3aed;color:var(--color-accent-primary,#7c3aed);display:flex;font-size:.6875rem;font-weight:600;gap:6px;left:16px;padding:5px 12px;position:absolute}.tdp-preview-badge-dot{color:#ffffff4d}.tdp-dropzone{align-items:center;background:#aeb6c208;border:2px dashed #aeb6c233;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:20px 14px;text-align:center;transition:all .2s ease}.tdp-dropzone--active,.tdp-dropzone:hover{background:#7c3aed0a;border-color:#7c3aed66}.tdp-dropzone-icon{color:#8b8fa3;margin-bottom:2px}.tdp-dropzone-text{color:#8b8fa3;font-size:.75rem;font-weight:500}.tdp-dropzone-hint{color:#5a5e72;font-size:.6875rem}.tdp-dropzone-btn{align-items:center;background:#aeb6c214;border:1px solid #aeb6c22e;border-radius:6px;color:#c8cad0;display:inline-flex;font-size:.75rem;font-weight:500;gap:5px;margin-top:4px;padding:6px 14px}.tdp-upload-preview{align-items:center;background:#aeb6c20f;border:1px solid #aeb6c226;border-radius:8px;display:flex;gap:10px;padding:8px 10px}.tdp-upload-thumb{background:#0003;border-radius:6px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.tdp-upload-thumb-media{height:100%;object-fit:cover;width:100%}.tdp-upload-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.tdp-upload-name{color:#f0f0f5;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdp-upload-size{color:#8b8fa3;font-size:.6875rem}.tdp-upload-remove{align-items:center;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s ease;width:28px}.tdp-upload-remove:hover{background:#ef444433}@media (max-width:900px){.template-detail-panel-wrapper{flex-direction:column-reverse;width:100vw}.template-detail-panel{border-left:none;border-top:1px solid #aeb6c21f;height:55vh;max-width:100%;width:100%}.tdp-preview-pane{flex:none;height:45vh}}.light-mode .tdp-back-btn,.light-mode .tdp-meta-value{color:#1e293b}.light-mode .tdp-prompt{color:#334155}.light-mode .tdp-action-btn{color:#475569}.light-mode .tdp-action-btn:hover{color:#1e293b}.light-mode .tdp-mode-btn{color:#64748b}.light-mode .tdp-mode-btn--active{color:#fff}.light-mode .tdp-dropzone-text{color:#64748b}.light-mode .tdp-dropzone-btn{color:#475569}.light-mode .tdp-upload-name{color:#1e293b}.templates-page{margin:0 auto;max-width:1400px;width:100%}.templates-header{margin-bottom:16px;padding:24px 0 0;text-align:center}.templates-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#4f46e5,#06b6d4);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.025em}.dark-mode .templates-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#818cf8,#67e8f9);-webkit-background-clip:text;background-clip:text}.light-mode .templates-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#4f46e5,#06b6d4);-webkit-background-clip:text;background-clip:text}.templates-chat-section{border-bottom:1px solid #aeb6c226;margin-bottom:32px;padding-bottom:24px}.light-mode .templates-chat-section{border-bottom:1px solid #4f46e51f}.templates-content{width:100%}.templates-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:24px}@media (min-width:1200px){.templates-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:900px) and (max-width:1199px){.templates-grid{grid-template-columns:repeat(4,1fr)}}.category-tabs{border-bottom:1px solid #aeb6c233;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding-bottom:16px}.light-mode .category-tabs{border-bottom:1px solid #4f46e51a}.category-tab{background:#0000;border:1px solid #aeb6c24d;border-radius:8px;color:#aeb6c2;color:var(--color-text-secondary,#aeb6c2);cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .15s cubic-bezier(.4,0,.2,1)}.category-tab:hover{border-color:#4f46e5;border-color:var(--color-accent-primary,#4f46e5);color:#1e293b;color:var(--color-text-primary,#1e293b)}.light-mode .category-tab:hover{background:#4f46e50f}.category-tab.active{background:#4f46e5;background:var(--color-accent-primary,#4f46e5);border-color:#4f46e5;border-color:var(--color-accent-primary,#4f46e5);color:#fff}.light-mode .category-tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#0000;box-shadow:0 2px 8px #4f46e54d}.category-tab-group{display:contents}.category-tab-group-label{flex-basis:100%;margin-top:8px;width:100%}.category-tab-group:first-of-type .category-tab-group-label{margin-top:0}.chat-resize-handle{background:#aeb6c259;border-radius:3px;cursor:ns-resize;height:6px;margin:0 auto 24px;touch-action:none;transition:background .15s ease;width:60px}.chat-resize-handle:active,.chat-resize-handle:hover{background:#4f46e599}.light-mode .chat-resize-handle{background:#4f46e533}.light-mode .chat-resize-handle:active,.light-mode .chat-resize-handle:hover{background:#4f46e573}
/*# sourceMappingURL=5756.70e6c2a3.chunk.css.map*/