.tool-hero{padding:calc(var(--nav-height) + var(--space-3xl)) 0 var(--space-3xl);text-align:center;position:relative;overflow:hidden}.tool-input-container{max-width:640px;margin:var(--space-2xl) auto 0}.tool-input-wrapper{gap:var(--space-sm);background:var(--bg-card);border:2px solid var(--border-color-strong);border-radius:var(--radius-xl);transition:border-color var(--transition-normal);box-shadow:var(--shadow-md);padding:6px;display:flex}.tool-input-wrapper:focus-within{border-color:var(--accent-pink);box-shadow:var(--shadow-glow)}.tool-input{font-size:var(--fs-body);color:var(--text-primary);font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1;padding:14px 20px}.tool-input::placeholder{color:var(--text-tertiary)}.tool-paste-btn{border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--fs-small);font-weight:var(--fw-medium);white-space:nowrap;transition:all var(--transition-fast);padding:10px 16px}.tool-paste-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.tool-fetch-btn{border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;font-size:var(--fs-body);font-weight:var(--fw-semibold);white-space:nowrap;transition:all var(--transition-normal);padding:14px 32px}.tool-fetch-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.tool-result{max-width:640px;margin:var(--space-2xl) auto 0}.tool-empty{text-align:center;padding:var(--space-4xl) var(--space-xl);color:var(--text-tertiary)}.tool-empty-icon{margin-bottom:var(--space-lg);opacity:.5;font-size:4rem}.tool-preview-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:none;overflow:hidden}.tool-preview-card.visible{display:block}.tool-preview-media{aspect-ratio:16/9;background:var(--bg-tertiary);justify-content:center;align-items:center;font-size:3rem;display:flex}.tool-preview-info{padding:var(--space-xl)}.tool-preview-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.tool-preview-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);width:40px;height:40px}.tool-preview-name{font-weight:var(--fw-semibold)}.tool-download-options{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tool-download-option{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);text-align:center;min-width:120px;font-size:var(--fs-small);font-weight:var(--fw-medium);transition:all var(--transition-fast);cursor:pointer;flex:1;padding:12px 16px}.tool-download-option:hover{border-color:var(--accent-pink);background:var(--gradient-subtle)}.tool-loading{text-align:center;padding:var(--space-3xl);display:none}.tool-loading.visible{display:block}.tool-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-pink);width:48px;height:48px;margin:0 auto var(--space-lg);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tool-error{text-align:center;padding:var(--space-2xl);color:#e74c3c;display:none}.tool-error.visible{display:block}.features-hero{padding:calc(var(--nav-height) + var(--space-3xl)) 0 var(--space-2xl);text-align:center;position:relative;overflow:hidden}.feature-detail{gap:var(--space-3xl);padding:var(--space-3xl) 0;grid-template-columns:1fr 1fr;align-items:center;display:grid}.feature-detail:nth-child(2n){direction:rtl}.feature-detail:nth-child(2n)>*{direction:ltr}.feature-detail-content{max-width:480px}.feature-detail-badge{border-radius:var(--radius-full);background:var(--gradient-subtle);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--accent-pink);margin-bottom:var(--space-lg);align-items:center;padding:6px 16px;display:inline-flex}.feature-detail-title{font-size:var(--fs-h3);font-weight:var(--fw-extrabold);margin-bottom:var(--space-md);letter-spacing:-.02em}.feature-detail-desc{color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-lg)}.feature-detail-list{gap:var(--space-sm);flex-direction:column;display:flex}.feature-detail-list li{align-items:center;gap:var(--space-sm);font-size:var(--fs-small);color:var(--text-secondary);display:flex}.feature-detail-list li:before{content:"✓";color:var(--accent-green);font-weight:700}.feature-detail-visual{justify-content:center;display:flex}@media (width<=768px){.feature-detail{text-align:center;grid-template-columns:1fr}.feature-detail:nth-child(2n){direction:ltr}.feature-detail-content{max-width:100%}}