.pp-tool{max-width:900px;margin:0 auto}.pp-step h2{font-size:1.8rem;margin-bottom:8px}.pp-intro{color:var(--text-secondary);font-size:1.05rem;margin-bottom:24px}.pp-upload-area{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;transition:all .2s;cursor:pointer}.pp-upload-area:hover,.pp-dragover{border-color:var(--primary);background:var(--primary-light)}.pp-upload-icon{font-size:3rem;margin-bottom:12px}.pp-upload-text{color:var(--text-secondary);margin-bottom:16px}.pp-upload-btn{display:inline-block;padding:10px 24px;font-size:1rem;font-weight:600;color:#fff;background:var(--primary);border-radius:var(--radius);cursor:pointer;transition:opacity .15s}.pp-upload-btn:hover{opacity:.9}.pp-upload-hint{margin-top:12px;font-size:.85rem;color:var(--text-tertiary)}.pp-settings{margin-top:28px;padding:24px;background:var(--bg-secondary);border-radius:var(--radius-lg)}.pp-settings h3{font-size:1.2rem;margin-bottom:16px}.pp-settings-row{display:flex;gap:20px;margin-bottom:20px}.pp-settings-row label{display:flex;flex-direction:column;gap:6px;flex:1}.pp-settings-row span{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.pp-settings-row select{padding:10px 14px;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer}.pp-preview-row{display:flex;gap:24px;margin-bottom:20px;justify-content:center}.pp-preview-box{text-align:center}.pp-preview-box h4{font-size:.9rem;margin-bottom:8px;color:var(--text-secondary)}.pp-preview-box canvas{border:1px solid var(--border);border-radius:var(--radius);image-rendering:pixelated}.pp-generate-btn{display:block;width:100%;padding:14px;font-size:1.1rem;font-weight:700;color:#fff;background:var(--primary);border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .15s}.pp-generate-btn:hover{opacity:.9}.pp-paint-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.pp-back-btn{padding:8px 16px;font-size:.9rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.pp-back-btn:hover{color:var(--primary);border-color:var(--primary)}.pp-paint-header h2{flex:1;font-size:1.4rem;margin:0}.pp-paint-actions{display:flex;gap:8px}.pp-toggle-btn{padding:8px 14px;font-size:.85rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.pp-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.pp-download-btn{padding:8px 16px;font-size:.85rem;font-weight:600;color:#fff;background:var(--success);border:none;border-radius:var(--radius);cursor:pointer}.pp-download-btn:hover{opacity:.9}.pp-download-btn:disabled{opacity:.6;cursor:not-allowed}.pp-paint-layout{display:flex;gap:20px;align-items:flex-start}.pp-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;flex-shrink:0;max-width:180px}.pp-palette-item{width:80px;height:80px;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;border:3px solid transparent;transition:all .15s;position:relative}.pp-palette-item:hover{transform:scale(1.05)}.pp-palette-active{border-color:var(--text);transform:scale(1.05)}.pp-palette-num{font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);mix-blend-mode:difference}.pp-canvas-wrapper{flex:1;overflow:auto;display:flex;justify-content:center}#pp-paint-canvas{border:1px solid var(--border);border-radius:var(--radius);cursor:crosshair;image-rendering:pixelated;max-width:100%}.pp-progress{margin-top:20px;display:flex;align-items:center;gap:12px}.pp-progress-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:999px;overflow:hidden}.pp-progress-fill{height:100%;background:var(--success);border-radius:999px;transition:width .3s;width:0%}#pp-progress-text{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.pp-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--text);color:var(--bg);padding:14px 24px;border-radius:var(--radius);font-size:.95rem;font-weight:500;z-index:9999;transition:transform .3s ease;box-shadow:0 4px 20px #0003}.pp-toast-show{transform:translate(-50%) translateY(0)!important}@media (max-width: 700px){.pp-paint-layout{flex-direction:column}.pp-palette{max-width:100%;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.pp-palette-item{width:60px;height:60px}.pp-preview-row,.pp-settings-row{flex-direction:column}}