#gifspeed-tool-wrapper { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
                    #gifspeed-tool-wrapper * { box-sizing: border-box; }
                    .gifspeed-upload-area { border: 2px dashed #dee2e6; border-radius: 8px; padding: 40px; text-align: center; cursor: pointer; transition: all 0.3s; margin-bottom: 20px; background: #fafafa; }
                    .gifspeed-upload-area:hover { border-color: #4dabf7; background: #f0f7ff; }
                    .gifspeed-upload-area.dragover { border-color: #4dabf7; background: #e7f5ff; }
                    .gifspeed-upload-area p { margin: 0; color: #868e96; font-size: 14px; }
                    .gifspeed-upload-icon { font-size: 48px; margin-bottom: 12px; }
                    #gifspeed-file-input { display: none; }
                    .gifspeed-control-panel { display: none; margin-bottom: 20px; padding: 20px; background: #f8f9fa; border-radius: 8px; }
                    .gifspeed-control-panel.active { display: block; }
                    .gifspeed-control-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
                    .gifspeed-control-group { display: flex; align-items: center; gap: 10px; }
                    .gifspeed-control-group label { font-size: 14px; color: #495057; white-space: nowrap; font-weight: 500; }
                    .gifspeed-control-group input[type="range"] { width: 280px; cursor: pointer; }
                    .gifspeed-speed-value { font-size: 18px; font-weight: 700; color: #339af0; min-width: 50px; text-align: center; }
                    .gifspeed-preview-container { display: none; margin-bottom: 20px; text-align: center; }
                    .gifspeed-preview-container.active { display: block; }
                    .gifspeed-preview-box { background: #f8f9fa; border-radius: 8px; padding: 20px; display: inline-block; max-width: 100%; }
                    .gifspeed-preview-box img { max-width: 100%; max-height: 500px; display: block; margin: 0 auto; border-radius: 4px; }
                    .gifspeed-action-bar { display: none; gap: 12px; justify-content: center; margin-bottom: 20px; }
                    .gifspeed-action-bar.active { display: flex; }
                    .gifspeed-btn { padding: 12px 32px; border: none; border-radius: 6px; font-size: 15px; font-weight: 500; cursor: pointer; transition: all 0.2s; }
                    .gifspeed-btn-download { background: linear-gradient(135deg, #51cf66 0%, #40c057 100%); color: white; }
                    .gifspeed-btn-download:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(64, 192, 87, 0.4); }
                    .gifspeed-btn-reset { background: #868e96; color: white; }
                    .gifspeed-btn-reset:hover { background: #495057; }
                    .gifspeed-tips { margin-top: 20px; padding: 16px; background: #fff3cd; border-radius: 8px; border: 1px solid #ffc107; }
                    .gifspeed-tips h4 { margin: 0 0 8px 0; font-size: 14px; color: #856404; }
                    .gifspeed-tips p { margin: 0; font-size: 13px; color: #856404; line-height: 1.6; }
                    .gifspeed-seo { margin-top: 40px; padding: 0; line-height: 1.8; color: #495057; font-size: 15px; }
                    .gifspeed-seo h2 { font-size: 22px; font-weight: 700; color: #212529; margin: 36px 0 16px; padding-bottom: 10px; border-bottom: 2px solid #e9ecef; }
                    .gifspeed-seo h3 { font-size: 18px; font-weight: 600; color: #343a40; margin: 24px 0 12px; }
                    .gifspeed-seo p { margin: 0 0 14px; color: #495057; }
                    .gifspeed-seo ul { margin: 0 0 14px; padding-left: 24px; }
                    .gifspeed-seo li { margin-bottom: 8px; color: #495057; }
                    .gifspeed-seo .faq-item { margin-bottom: 20px; padding: 20px; background: #f8f9fa; border-radius: 8px; }
                    .gifspeed-seo .faq-item h3 { margin: 0 0 8px; font-size: 16px; color: #212529; }
                    .gifspeed-seo .faq-item p { margin: 0; font-size: 14px; color: #666; }