.feature-showcase-gallery[data-v-e1d4cf40]{width:100%}.showcase-main[data-v-e1d4cf40]{position:relative}.feature-showcase-gallery.has-multiple-cases .showcase-main[data-v-e1d4cf40]{overflow:visible}.showcase-summary[data-v-e1d4cf40]{margin-top:10px;color:#ffffffb8;font-size:.85rem;line-height:1.55;text-align:center;min-height:72px}.showcase-summary strong[data-v-e1d4cf40]{color:#ffffffeb;font-size:.9rem}.showcase-summary p[data-v-e1d4cf40]{margin:4px 0 0}.showcase-tag[data-v-e1d4cf40]{display:inline-block;padding:2px 8px;margin-right:6px;font-size:.72rem;color:#c4b5fd;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:999px;vertical-align:middle}.showcase-case-list[data-v-e1d4cf40]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.has-multiple-cases .showcase-case-list[data-v-e1d4cf40]{display:flex;position:absolute;top:50%;right:calc(100% + 18px);width:120px;flex-direction:column;gap:8px;margin-top:0;transform:translateY(-50%)}.showcase-case-button[data-v-e1d4cf40]{display:flex;min-width:0;flex-direction:column;gap:6px;padding:6px;overflow:hidden;color:#ffffffad;font:inherit;font-size:.76rem;line-height:1.3;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.showcase-case-button[data-v-e1d4cf40]:hover,.showcase-case-button.active[data-v-e1d4cf40]{color:#fff;background:#8b5cf624;border-color:#a78bfab8}.showcase-case-button[data-v-e1d4cf40]:hover{transform:translateY(-1px)}.showcase-case-button[data-v-e1d4cf40]:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.showcase-case-button img[data-v-e1d4cf40]{width:100%;height:48px;object-fit:cover;border-radius:6px}.has-multiple-cases .showcase-case-button[data-v-e1d4cf40]{flex:0 0 108px}.has-multiple-cases .showcase-case-button img[data-v-e1d4cf40]{height:64px;min-height:0;flex:0 0 auto}@media (max-width: 768px){.feature-showcase-gallery[data-v-e1d4cf40]{max-width:340px;margin:0 auto}.showcase-summary[data-v-e1d4cf40]{margin-top:8px;font-size:.8rem}.showcase-summary p[data-v-e1d4cf40]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.showcase-case-list[data-v-e1d4cf40]{gap:6px}.showcase-case-button[data-v-e1d4cf40]{padding:5px;font-size:.72rem}.showcase-case-button img[data-v-e1d4cf40]{height:42px}.has-multiple-cases .showcase-case-list[data-v-e1d4cf40]{display:flex;position:static;width:100%;margin-top:10px;padding:2px 1px 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;transform:none}.has-multiple-cases .showcase-case-list[data-v-e1d4cf40]::-webkit-scrollbar{display:none}.has-multiple-cases .showcase-case-button[data-v-e1d4cf40]{flex:0 0 104px;scroll-snap-align:start}.has-multiple-cases .showcase-case-button img[data-v-e1d4cf40]{height:48px;min-height:0}}.upload-container[data-v-1f9d6132]{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start!important;gap:20px;padding:20px;width:100%;height:100%;min-height:calc(100vh - 69px);min-height:calc(100dvh - 69px);box-sizing:border-box;overflow-y:auto;scrollbar-gutter:stable;padding-top:0!important}.upload-main[data-v-1f9d6132]{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;margin:max(40px,10vh) 0 0;transform:translateY(-150px);flex-shrink:0}.upload-container.has-showcase .upload-main[data-v-1f9d6132]{flex-direction:row;align-items:stretch;justify-content:center;flex-wrap:wrap;max-width:1080px;transform:none}.upload-container.has-showcase .upload-zone[data-v-1f9d6132]{flex:1 1 360px;width:auto;align-self:center}.upload-prompt[data-v-1f9d6132]{margin:-.4rem 0 .6rem;color:#ffffff94;font-size:.95rem;line-height:1.6}.workspace-seo-footer[data-v-1f9d6132]{width:100%;margin-top:40px;margin-bottom:-270px;flex-shrink:0;transform:translateY(-270px)}.workspace-seo-footer[data-v-1f9d6132] .seo-content-block{padding-bottom:60px}.upload-container.has-showcase .workspace-seo-footer[data-v-1f9d6132]{margin-bottom:0;transform:none}@media (min-width: 769px){.upload-container.has-showcase .upload-main[data-v-1f9d6132]{transform:translateY(-150px)}.upload-container.has-showcase .workspace-seo-footer[data-v-1f9d6132]{margin-bottom:-220px;transform:translateY(-220px)}.upload-container.editor-upload-layout .workspace-seo-footer[data-v-1f9d6132]{margin-top:40px;margin-bottom:-150px;transform:translateY(-150px)}}.showcase-col[data-v-1f9d6132]{flex:1 1 360px;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-zone[data-v-1f9d6132]{text-align:center;padding:20px;border:2px dashed transparent;border-radius:1.5rem;transition:all .3s;max-width:680px;width:100%}.upload-zone.drag-over[data-v-1f9d6132]{border-color:#8b5cf6b3;background:#8b5cf614}.upload-title[data-v-1f9d6132]{color:#fff;margin:0 0 12px;font-size:1.25rem;font-weight:600}.upload-desc[data-v-1f9d6132]{color:#fff9;font-size:.9rem;margin:0 0 24px;line-height:1.5}.pill-buttons-container[data-v-1f9d6132]{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.upload-container.has-showcase .pill-buttons-container[data-v-1f9d6132]{flex-direction:column}.upload-pill[data-v-1f9d6132]{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;border-radius:999px;cursor:pointer;transition:all .3s ease;width:190px;flex:none;font:inherit}.upload-container.has-showcase .upload-pill[data-v-1f9d6132]{width:260px;min-height:68px}.upload-pill.primary[data-v-1f9d6132]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 8px 24px #8b5cf640;border:2px solid transparent}.upload-pill.primary[data-v-1f9d6132]:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf659}.upload-pill.secondary[data-v-1f9d6132]{background:transparent;border:2px solid rgba(139,92,246,.4);color:#c4b5fd}.upload-pill.secondary[data-v-1f9d6132]:hover{background:#8b5cf614;border-color:#8b5cf6cc;transform:translateY(-2px)}.pill-icon[data-v-1f9d6132]{display:flex;justify-content:center;align-items:center}.pill-icon svg[data-v-1f9d6132]{width:20px;height:20px}.pill-icon .emoji-icon[data-v-1f9d6132]{font-size:1.3rem;line-height:1}.pill-text[data-v-1f9d6132]{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.pill-title[data-v-1f9d6132]{font-size:.95rem;font-weight:700;line-height:1.1}.pill-desc[data-v-1f9d6132]{font-size:.7rem;opacity:.85;margin-top:0;white-space:nowrap}.upload-pill.secondary .pill-desc[data-v-1f9d6132]{font-size:.82rem;color:#fde047;opacity:1;font-weight:600;margin-top:2px}.selected-tip[data-v-1f9d6132]{padding:.75rem 1.25rem;background:#ffffff0d;color:#c4b5fd;border-radius:8px;font-size:.95rem;display:inline-flex;align-items:center;margin:0}.btn[data-v-1f9d6132]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-gradient[data-v-1f9d6132]{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff}.btn-gradient[data-v-1f9d6132]:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}@media (max-width: 768px){.upload-container[data-v-1f9d6132]{gap:12px;padding:20px 16px 16px}.upload-zone[data-v-1f9d6132]{order:1;padding:24px 16px;border-radius:1.25rem}.upload-container.has-showcase .upload-zone[data-v-1f9d6132]{flex:0 0 auto;width:100%;max-width:560px;max-height:570px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-container.has-showcase[data-v-1f9d6132]{justify-content:flex-start;height:auto;min-height:100%}.upload-container.has-showcase .upload-main[data-v-1f9d6132]{flex-direction:column;gap:20px}.upload-main[data-v-1f9d6132]{margin:18px 0 0;transform:none}.workspace-seo-footer[data-v-1f9d6132]{margin-bottom:0;transform:none}.showcase-col[data-v-1f9d6132]{order:2;flex:0 0 auto;width:100%}.upload-append-zone[data-v-1f9d6132]{order:3;width:100%}.upload-title[data-v-1f9d6132]{margin-bottom:8px;font-size:1.2rem}.upload-desc[data-v-1f9d6132]{margin-bottom:18px;font-size:.86rem}.upload-container.has-showcase .upload-pill[data-v-1f9d6132]{width:min(280px,100%);min-height:58px}.upload-pill.secondary[data-v-1f9d6132]{display:none}}
