.showcase-wrapper{width:100%;height:100%;padding:0}.showcase-content{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.showcase-header{margin-bottom:2rem}.showcase-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.showcase-header-text{flex:1}.showcase-title{font-size:2rem;font-weight:700;color:#2b404d;margin:0 0 .5rem}.showcase-description{font-size:1rem;color:#6b7280;margin:0}.view-media-kit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#2b404d;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease;white-space:nowrap}.view-media-kit-btn:hover{background:#1d2d36;transform:translateY(-1px);box-shadow:0 4px 12px rgba(43,64,77,.2)}.showcase-form-section{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 3px 20px hsla(0,0%,58%,.042)}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:600;color:#2b404d;margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:.875rem 1rem;border:1px solid #e5e7eb;border-radius:12px;font-size:.875rem;color:#2b404d;background:#f9fafb;transition:all .2s;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#50bfaa;background:#fff;box-shadow:0 0 0 3px rgba(80,191,170,.1)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#9ca3af}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-textarea{resize:vertical;min-height:100px}.form-hint{color:#6b7280}.form-error,.form-hint{font-size:.75rem;margin:.5rem 0 0}.form-error{color:#ef4444}.form-success{font-size:.75rem;color:#10b981;margin:.5rem 0 0}.form-input-error{border-color:#ef4444}.form-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.avatar-upload-container{display:flex;align-items:flex-start}.avatar-preview{width:120px;height:120px;border-radius:12px;border:2px dashed #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;overflow:hidden;background:#f9fafb}.avatar-preview:hover{border-color:#50bfaa;background:#f0fdfa}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem}.avatar-placeholder span{font-size:.875rem;color:#6b7280}.showcase-connections-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 3px 20px hsla(0,0%,58%,.042)}.connections-title{font-size:1.5rem;font-weight:700;color:#2b404d;margin:0 0 .5rem}.connections-description{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem}.connected-accounts-status{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width:640px){.connected-accounts-status{grid-template-columns:repeat(2,1fr)}}.account-status-card{background:#fff;border-radius:16px;padding:1.25rem;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.account-status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#e5e7eb;transition:background .3s ease}.account-status-card.connected:before{background:linear-gradient(90deg,#10b981,#34d399)}.account-status-card.disconnected{opacity:.7}.account-status-card.disconnected:hover{opacity:1}.account-status-header{display:flex;align-items:center;gap:.75rem}.account-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-icon.instagram{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.account-icon.tiktok{background:#000}.account-info{flex:1;min-width:0}.account-platform{font-size:.9375rem;font-weight:600;color:#2b404d;margin:0}.account-username{font-size:.8125rem;color:#6b7280;margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-username a{color:#50bfaa;text-decoration:none}.account-username a:hover{text-decoration:underline}.account-display-name{color:#9ca3af;font-weight:400}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-indicator.connected{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.2)}.status-indicator.disconnected{background:#d1d5db}.account-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.disconnect-button{flex:1;padding:.5rem .75rem;background:#fef2f2;color:#dc2626;border:none;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.375rem}.disconnect-button:hover:not(:disabled){background:#fee2e2}.disconnect-button:disabled{opacity:.5;cursor:not-allowed}.connection-buttons{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.connection-buttons{flex-direction:row;flex-wrap:wrap}}.connect-instagram-button.reconnect,.connect-tiktok-button.reconnect{opacity:.85}.fetch-stats-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#50bfaa,#3ba892);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.fetch-stats-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(80,191,170,.3)}.fetch-stats-button:disabled{opacity:.7;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-start;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.showcase-save-button{padding:.875rem 2rem;background:#50bfaa;color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.showcase-save-button:hover{background:#45a895;transform:translateY(-1px);box-shadow:0 4px 12px rgba(80,191,170,.3)}.showcase-save-button:active{transform:translateY(0)}.loading-spinner-small{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}.stats-preview-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.stats-preview-title{font-size:1.125rem;font-weight:600;color:#2b404d;margin:0 0 1.5rem}.stats-preview-platform{background:#f9fafb;border-radius:12px;padding:1rem;margin-bottom:1rem}.stats-preview-platform:last-of-type{margin-bottom:1.5rem}.stats-preview-platform-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-radius:8px;width:-moz-fit-content;width:fit-content}.stats-preview-platform-header.tiktok{background:#000}.stats-preview-platform-header span{font-size:.875rem;font-weight:600;color:#fff}.stats-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width:640px){.stats-preview-grid{grid-template-columns:repeat(4,1fr)}}.stats-preview-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;background:#fff;border-radius:8px}.stats-preview-value{font-size:1.25rem;font-weight:700;color:#2b404d}.stats-preview-label{font-size:.75rem;color:#6b7280;margin-top:.25rem}.view-full-stats-link{display:inline-flex;align-items:center;font-size:.875rem;font-weight:600;color:#50bfaa;text-decoration:none;transition:all .2s}.view-full-stats-link:hover{color:#45a895;text-decoration:underline}