.flashcard-generation-panel[data-v-0d0f6388]{flex-direction:column;gap:20px;width:100%;max-width:1152px;margin:0 auto;padding:0 40px;display:flex;position:relative}.flashcard-generation-panel__config-bar[data-v-0d0f6388]{flex-wrap:wrap;align-items:center;gap:18px;min-height:56px;padding:0 22px;display:flex}.flashcard-generation-panel__divider[data-v-0d0f6388]{background:var(--theme-color-overlay-muted-30);width:1px;height:26px}.flashcard-generation-panel__button-area[data-v-0d0f6388]{display:flex}[data-v-0d0f6388] .flashcard-generation-panel__button{background:var(--theme-gradient-primary-inline);width:100%;min-height:52px;color:var(--theme-color-text-on-dark);box-shadow:none;border:0;border-radius:16px;position:relative;overflow:hidden}[data-v-0d0f6388] .flashcard-generation-panel__button:after{content:"";background:var(--theme-color-overlay-white-0);transition:background-color .3s;position:absolute;inset:0}[data-v-0d0f6388] .flashcard-generation-panel__button:hover:after{background:var(--theme-color-overlay-white-16)}.flashcard-generation-panel__button-content[data-v-0d0f6388]{align-items:center;gap:10px;font-size:18px;font-weight:600;display:inline-flex}.flashcard-generation-panel__button-icon[data-v-0d0f6388]{font-size:18px}.flashcard-generation-panel__template-card[data-v-0d0f6388]{border:1px solid var(--theme-color-border-default);background:radial-gradient(circle at top left, var(--theme-color-primary-soft-bg) 0%, transparent 32%), linear-gradient(180deg, var(--theme-color-white) 0%, var(--theme-color-surface-soft) 100%);text-align:left;cursor:pointer;width:100%;box-shadow:var(--theme-shadow-card);border-radius:22px;flex-direction:column;align-items:stretch;gap:14px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex}.flashcard-generation-panel__template-card[data-v-0d0f6388]:hover{border-color:var(--theme-color-primary-soft-border-30);box-shadow:var(--theme-shadow-card-lg);transform:translateY(-2px)}.flashcard-generation-panel__template-footer[data-v-0d0f6388]{justify-content:flex-end;margin-top:auto;display:flex}.flashcard-generation-panel__template-badges[data-v-0d0f6388]{flex-wrap:nowrap;flex-shrink:0;gap:8px;max-width:100%;display:flex}.flashcard-generation-panel__template-badge[data-v-0d0f6388]{border:1px solid var(--theme-color-border-default);background:var(--theme-color-overlay-white-80);min-height:24px;color:var(--theme-color-text-secondary);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.flashcard-generation-panel__template-badge--difficulty.is-low[data-v-0d0f6388]{border-color:var(--theme-color-primary-soft-border-30);background:var(--theme-color-primary-soft-bg);color:var(--theme-color-primary-700)}.flashcard-generation-panel__template-badge--difficulty.is-medium[data-v-0d0f6388]{border-color:var(--theme-color-warning-soft-border,#b7791f3d);background:var(--theme-color-warning-soft-bg,#fff4db);color:var(--theme-color-warning,#b7791f)}.flashcard-generation-panel__template-badge--difficulty.is-high[data-v-0d0f6388]{border-color:var(--theme-color-danger-soft-border);background:var(--theme-color-danger-soft-bg);color:var(--theme-color-danger)}.flashcard-generation-panel__template-meta[data-v-0d0f6388]{flex-direction:column;flex:1;gap:8px;min-width:0;padding-top:4px;display:flex}.flashcard-generation-panel__template-name[data-v-0d0f6388]{color:var(--theme-color-text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:700;line-height:1.35}.flashcard-generation-panel__template-desc[data-v-0d0f6388]{color:var(--theme-color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}@media (width<=768px){[data-v-0d0f6388] .templates-section__grid{grid-template-columns:1fr!important}.flashcard-generation-panel__config-bar[data-v-0d0f6388]{gap:12px;padding:12px 16px}.flashcard-generation-panel__divider[data-v-0d0f6388]{display:none}.flashcard-generation-panel__button-content[data-v-0d0f6388]{font-size:16px}.flashcard-generation-panel__template-card[data-v-0d0f6388]{border-radius:20px;min-height:0;padding:16px}.flashcard-generation-panel__template-badges[data-v-0d0f6388]{justify-content:flex-start;gap:6px}.flashcard-generation-panel__template-badge[data-v-0d0f6388]{min-height:22px;padding:0 7px;font-size:.625rem}.flashcard-generation-panel__template-name[data-v-0d0f6388]{font-size:.9375rem}.flashcard-generation-panel__template-desc[data-v-0d0f6388]{-webkit-line-clamp:2}}