.pix-tool{max-width:900px;margin:0 auto}.pix-upload{padding:48px;text-align:center;border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.pix-upload:hover,.pix-upload.drag{border-color:var(--primary);background:var(--bg-secondary)}.pix-upload-icon{font-size:3rem;margin-bottom:12px}.pix-upload p{margin:4px 0}.pix-hint{font-size:.8rem;color:var(--text-secondary)}.pix-previews{display:flex;gap:20px;margin-bottom:20px}.pix-panel{flex:1;min-width:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column}.pix-panel-header{font-weight:600;font-size:.9rem;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:12px;display:flex;align-items:center}.pix-preview-box{background:#f0f0f0;border:1px solid var(--border);border-radius:var(--radius);min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px;position:relative}.pix-preview-box canvas{max-width:100%;max-height:400px;display:block}#pix-original-canvas{cursor:crosshair}.pix-placeholder{color:var(--text-secondary);text-align:center;padding:2rem;position:absolute}.pix-placeholder p{font-size:.85rem;margin:8px 0 0}.pix-badge{margin-left:auto;font-size:.72rem;font-weight:400;color:var(--primary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.pix-info-row{display:flex;font-size:.82rem;padding:2px 0}.pix-info-label{color:var(--text-secondary);min-width:60px;flex-shrink:0}.pix-info-value{color:var(--text);word-break:break-all}.pix-settings{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.pix-setting-group{display:flex;flex-direction:column;gap:8px}.pix-setting-label{font-size:.85rem;font-weight:600;color:var(--text)}.pix-tag{display:inline-block;background:var(--bg-tertiary);color:var(--primary);padding:1px 8px;border-radius:10px;font-weight:600;font-size:.8rem}.pix-slider{width:200px;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none}.pix-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #0003}.pix-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #0003}.pix-slider-marks{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-secondary);width:200px}.pix-hint-sm{font-size:.75rem;color:var(--text-secondary)}.pix-presets,.pix-colors,.pix-formats{display:flex;flex-wrap:wrap;gap:8px}.pix-shapes{display:flex;gap:8px;flex-wrap:wrap}.pix-preset-btn,.pix-color-btn,.pix-format-btn,.pix-shape-btn{padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.pix-preset-btn:hover,.pix-color-btn:hover,.pix-format-btn:hover,.pix-shape-btn:hover{border-color:var(--primary);color:var(--primary)}.pix-preset-btn.active,.pix-color-btn.active,.pix-format-btn.active,.pix-shape-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pix-regions{display:flex;gap:16px}.pix-radio{font-size:.82rem;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:5px}.pix-radio input{accent-color:var(--primary);cursor:pointer}.pix-select-hint{font-size:.8rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:8px 12px;border-radius:var(--radius);display:flex;align-items:center;gap:8px}.pix-mini-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:2px 10px;font-size:.78rem;cursor:pointer;color:var(--text-secondary)}.pix-mini-btn:hover{border-color:var(--primary);color:var(--primary)}.pix-actions{display:flex;gap:12px;flex-wrap:wrap}.pix-status{margin-top:12px;padding:10px 16px;border-radius:var(--radius);font-size:.85rem}.pix-status-info{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.pix-status-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.pix-selection-rect{position:absolute;border:2px dashed #fff;background:#ffffff26;pointer-events:none;box-shadow:0 0 0 9999px #00000059}.faq-section{max-width:800px;margin:0 auto;padding:48px 0}.faq-section h2{font-size:1.75rem;margin-bottom:28px}.faq-item{margin-bottom:24px}.faq-item h3{font-size:1.1rem;margin-bottom:8px}.faq-item p{color:var(--text-secondary);line-height:1.7}@media (max-width: 768px){.pix-previews,.pix-settings{flex-direction:column}.pix-slider,.pix-slider-marks{width:100%}}