.ai-developer-templates[data-v-0abdd350]{box-sizing:border-box;z-index:99;background-color:#fff;flex-direction:column;width:100%;height:100%;margin:0 auto;display:flex;position:absolute;top:0;left:0;overflow:hidden}.main-content-loading-overlay[data-v-0abdd350]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#fffc;justify-content:center;align-items:center;display:flex}.loading-content[data-v-0abdd350]{pointer-events:none;flex-direction:column;align-items:center;gap:1rem;display:flex}.loading-text[data-v-0abdd350]{color:#666;margin:0;font-size:1rem;font-weight:500}@media (prefers-color-scheme:dark){.ai-developer-templates[data-v-0abdd350]{background-color:#1a1a1a}.main-content-loading-overlay[data-v-0abdd350]{background:#1a1a1acc}.loading-text[data-v-0abdd350]{color:#ccc}}.header-controls[data-v-0abdd350]{z-index:10;background:#fff;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;padding:18px 24px;display:flex}@media (prefers-color-scheme:dark){.header-controls[data-v-0abdd350]{background:#1a1a1a}}.header-left[data-v-0abdd350]{flex-direction:row;justify-content:flex-start;gap:16px}.back-icon[data-v-0abdd350],.header-left[data-v-0abdd350]{align-items:center;display:flex}.back-icon[data-v-0abdd350]{box-sizing:border-box;cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;width:28px;height:28px;padding:4px}@media (hover:hover){.back-icon[data-v-0abdd350]:hover{background-color:#f5f5f5}}@media (prefers-color-scheme:dark){.back-icon[data-v-0abdd350]{background-color:#333}@media (hover:hover){.back-icon[data-v-0abdd350]:hover{background-color:#444}}}.left-toggle[data-v-0abdd350]{box-sizing:border-box;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:4px;display:flex}@media (hover:hover){.left-toggle[data-v-0abdd350]:hover{background-color:#f5f5f5}}@media (prefers-color-scheme:dark){.left-toggle[data-v-0abdd350]{background-color:#333}@media (hover:hover){.left-toggle[data-v-0abdd350]:hover{background-color:#444}}}.icon[data-v-0abdd350]{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.icon[data-v-0abdd350] svg{width:100%;height:100%}.cursor-pointer[data-v-0abdd350]{cursor:pointer}.main-content[data-v-0abdd350]{flex:1;padding:2rem;position:relative;overflow-y:auto}.header[data-v-0abdd350]{text-align:center;margin-bottom:3rem}.header h2[data-v-0abdd350]{color:#232425;margin-bottom:.5rem;font-size:2rem;font-weight:700}.header p[data-v-0abdd350]{color:#606366;margin:0;font-size:1.1rem}.error-section[data-v-0abdd350],.loading-section[data-v-0abdd350]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 0;display:flex}.retry-button[data-v-0abdd350]{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;margin-top:1rem;padding:.5rem 1rem}.retry-button[data-v-0abdd350]:hover{background:#2980b9}.prompt-input-section[data-v-0abdd350]{margin-bottom:3rem;padding:1.5rem 0}.prompt-input-wrapper[data-v-0abdd350]{justify-content:center;max-width:800px;margin:0 auto;display:flex}.prompt-input-wrapper-upper[data-v-0abdd350]{justify-content:center;width:100%;display:flex}.prompt-input-wrapper-upper[data-v-0abdd350] textarea{min-height:52px}.categories-section[data-v-0abdd350]{margin-bottom:2rem;padding:0 20px;position:relative}.category-tabs[data-v-0abdd350]{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;display:flex;overflow-x:auto}.category-tabs[data-v-0abdd350]::-webkit-scrollbar{display:none}.scroll-indicator[data-v-0abdd350]{cursor:pointer;z-index:2;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.scroll-indicator.left-scroll[data-v-0abdd350]{left:-10px}.scroll-indicator.right-scroll[data-v-0abdd350]{right:-10px}.scroll-indicator .icon[data-v-0abdd350]{color:#666;width:16px;height:16px}.scroll-indicator .icon[data-v-0abdd350] svg{width:100%;height:100%}.scroll-indicator .icon[data-v-0abdd350] path{fill:none;stroke:currentColor}@media (hover:hover){.scroll-indicator[data-v-0abdd350]:hover{background-color:#f5f5f5}}@media (prefers-color-scheme:dark){.scroll-indicator[data-v-0abdd350]{background-color:#2a2a2a;box-shadow:0 2px 8px #00000080}.scroll-indicator .icon[data-v-0abdd350]{color:#ccc}@media (hover:hover){.scroll-indicator[data-v-0abdd350]:hover{background-color:#3a3a3a}}}.category-tab[data-v-0abdd350]{cursor:pointer;background:#fff;border:1px solid #efefef;border-radius:20px;flex-shrink:0;padding:.5rem 1rem;font-size:14px;transition:all .3s}.category-tab[data-v-0abdd350]:hover{background:#e5e5e5}.category-tab.active[data-v-0abdd350]{color:#232425;text-align:center;background:#f5f5f5;border:1px solid #efefef;font-size:14px;font-style:normal;font-weight:700}.category-tab.active[data-v-0abdd350]:hover{color:#232425;opacity:.8;background:#f5f5f5}.template-waterfall[data-v-0abdd350]{flex-direction:row;gap:16px;margin-bottom:3rem;display:flex}.template-column[data-v-0abdd350]{width:var(--column_width);flex-direction:column;gap:20px;display:flex}.template-card-wrapper[data-v-0abdd350]{background:#fafafa;border-radius:12px;flex-direction:column;width:100%;padding:0;transition:transform .3s;display:flex;position:relative}@media (hover:hover){.template-card-wrapper[data-v-0abdd350]:hover{transform:scale(1.02)}}@media (prefers-color-scheme:dark){.template-card-wrapper[data-v-0abdd350]{background:#333}}.template-card[data-v-0abdd350]{cursor:pointer;background:0 0;border:1px solid #efefef;border-radius:12px;transition:all .3s;position:relative}.template-card[data-v-0abdd350],.template-preview[data-v-0abdd350]{width:100%;height:-moz-fit-content;height:fit-content;overflow:hidden}.template-preview[data-v-0abdd350]{background:#f8f9fa;justify-content:center;align-items:center;display:flex}.template-screenshot[data-v-0abdd350]{-o-object-fit:cover;object-fit:cover;width:100%;height:auto}.template-icon[data-v-0abdd350]{color:#3498db;width:48px;height:48px;padding:2rem}.template-info[data-v-0abdd350]{background:#fff;padding:1rem}.template-name[data-v-0abdd350]{color:#232425;margin:0 0 .5rem;font-size:1rem;font-weight:600}.template-category[data-v-0abdd350]{color:#606366;margin:0;font-size:.875rem}.mode-switch[data-v-0abdd350]{z-index:10}.mode-dropdown[data-v-0abdd350]{position:relative}.mode-dropdown-trigger[data-v-0abdd350]{color:#232425;cursor:pointer;white-space:nowrap;background:#f4f4f4;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.mode-dropdown-trigger[data-v-0abdd350]:hover{background:#e8e8e8;border-color:#d0d0d0}.selected-mode-label[data-v-0abdd350]{font-size:12px}.dropdown-icon[data-v-0abdd350]{flex-shrink:0;transition:transform .2s}.dropdown-icon.open[data-v-0abdd350]{transform:rotate(180deg)}.mode-dropdown-menu[data-v-0abdd350]{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:100%;position:absolute;bottom:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.mode-dropdown-item[data-v-0abdd350]{color:#232425;cursor:pointer;text-align:left;white-space:nowrap;background:#fff;border:none;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:background .2s;display:flex}.mode-dropdown-item[data-v-0abdd350]:hover{background:#f4f4f4}.mode-dropdown-item.active[data-v-0abdd350]{color:#06c;background:#e8f4ff}.mode-dropdown-item .check-icon[data-v-0abdd350]{flex-shrink:0;width:12px;height:12px}.mode-dropdown-item .option-label[data-v-0abdd350]{font-size:12px}.dropdown-fade-enter-active[data-v-0abdd350],.dropdown-fade-leave-active[data-v-0abdd350]{transition:opacity .2s,transform .2s}.dropdown-fade-enter-from[data-v-0abdd350],.dropdown-fade-leave-to[data-v-0abdd350]{opacity:0;transform:translateY(4px)}@media (max-width:768px){.main-content[data-v-0abdd350]{padding:1rem}.mode-switch[data-v-0abdd350]{bottom:4px}.mode-dropdown-trigger[data-v-0abdd350]{padding:5px 10px;font-size:11px}.mode-dropdown-item[data-v-0abdd350]{padding:8px 10px;font-size:11px}.header h2[data-v-0abdd350]{font-size:1.5rem}.header p[data-v-0abdd350]{font-size:1rem}.header-controls[data-v-0abdd350]{padding:12px 16px}.category-tabs[data-v-0abdd350]{justify-content:flex-start}.prompt-input-section[data-v-0abdd350]{padding:1rem 0}.prompt-input-wrapper[data-v-0abdd350]{max-width:none;margin:0}}@media (max-width:1220px){.ai-developer-templates[data-v-0abdd350]{padding-left:0}.header-controls[data-v-0abdd350]{z-index:1001;background:#fff;padding:12px 16px;position:fixed;top:0;left:0;right:0}.main-content[data-v-0abdd350]{margin-left:0;padding:80px 1rem 1rem}}@media (min-width:1221px){.main-content[data-v-0abdd350]{transition:margin-left .3s}.main-content.full-width[data-v-0abdd350]{margin-left:0}}@media (prefers-color-scheme:dark){.mode-dropdown-trigger[data-v-0abdd350]{color:#fff;background:#444;border-color:#555}.mode-dropdown-trigger[data-v-0abdd350]:hover{background:#555;border-color:#666}.mode-dropdown-menu[data-v-0abdd350]{background:#333;border-color:#555}.mode-dropdown-item[data-v-0abdd350]{color:#fff;background:#333}.mode-dropdown-item[data-v-0abdd350]:hover{background:#444}.mode-dropdown-item.active[data-v-0abdd350]{color:#66b3ff;background:#1a3a5a}.header h2[data-v-0abdd350]{color:#fff}.header p[data-v-0abdd350]{color:#ccc}.category-tab[data-v-0abdd350]{color:#fff;background:#333;border-color:#444}.category-tab[data-v-0abdd350]:hover{color:#fff;background:#444}.template-info[data-v-0abdd350],.template-preview[data-v-0abdd350]{background:#2a2a2a}.template-name[data-v-0abdd350]{color:#fff}.template-category[data-v-0abdd350]{color:#ccc}@media (max-width:1220px){.header-controls[data-v-0abdd350]{background:#1a1a1a}}}