.inpaint-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:32px 16px;gap:32px}.inpaint-splash{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);opacity:.95;backdrop-filter:blur(8px)}.inpaint-splash-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px;max-width:400px;width:100%;margin:0 16px;text-align:center;box-shadow:var(--shadow-xl)}.inpaint-splash-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:16px 0 8px}.inpaint-splash-card p{font-size:.875rem;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.inpaint-splash-spinner{width:48px;height:48px;border:3px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto;animation:inpaint-spin .8s linear infinite}@keyframes inpaint-spin{to{transform:rotate(360deg)}}.inpaint-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;border:2px dashed var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-base);text-align:center;max-width:600px;width:100%}.inpaint-dropzone:hover{border-color:var(--accent-primary);background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.inpaint-dropzone-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-light);color:var(--accent-primary);margin-bottom:16px}.inpaint-dropzone-icon svg{width:32px;height:32px}.inpaint-dropzone h3{font-size:1.15rem;margin-bottom:6px;color:var(--text-primary)}.inpaint-dropzone p{font-size:.9rem;color:var(--text-secondary);margin:0}.inpaint-hidden{display:none}.inpaint-demo-section{text-align:center;max-width:600px;width:100%}.inpaint-demo-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:12px}.inpaint-demo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.inpaint-demo-thumb{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-base);padding:0}.inpaint-demo-thumb:hover{border-color:var(--accent-primary);transform:scale(1.05);box-shadow:var(--shadow-md)}.inpaint-demo-thumb img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity var(--transition-base)}.inpaint-demo-thumb:hover img{opacity:1}.inpaint-demo-thumb span{position:absolute;bottom:0;left:0;right:0;font-size:10px;text-align:center;background:var(--bg-surface);color:var(--text-secondary);padding:2px 0}.inpaint-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:600px;width:100%}.inpaint-feature-card{padding:16px;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-light);text-align:center}.inpaint-feature-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin:0 auto 8px}.inpaint-feature-icon svg{width:18px;height:18px}.inpaint-feature-icon--blue{background:#3b82f61a;color:#3b82f6}.inpaint-feature-icon--red{background:#ef44441a;color:#ef4444}.inpaint-feature-icon--green{background:#10b9811a;color:#10b981}.inpaint-feature-card p{font-size:.8rem;color:var(--text-secondary);margin:0}.inpaint-editor{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));background:var(--bg-primary)}.inpaint-editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-light);flex-shrink:0}.inpaint-editor-header-left{display:flex;align-items:center;gap:12px}.inpaint-editor-header-left h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.inpaint-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.inpaint-back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.inpaint-back-btn svg{width:20px;height:20px}.inpaint-editor-header-right{display:flex;align-items:center;gap:12px}.inpaint-history-dots{display:flex;align-items:center;gap:6px}.inpaint-history-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}.inpaint-dimensions{font-size:.75rem;color:var(--text-tertiary);font-family:var(--font-mono)}.inpaint-canvas-container{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.inpaint-canvas-wrapper{position:relative;max-width:100%;max-height:100%}.inpaint-canvas{display:block;border-radius:var(--radius-md)}.inpaint-peek-btn{position:absolute;top:8px;right:8px;z-index:20;padding:6px;border-radius:var(--radius-sm);border:none;background:#0006;color:#ffffffb3;cursor:pointer;transition:all var(--transition-fast)}.inpaint-peek-btn:hover{background:#0009;color:#fff}.inpaint-peek-btn svg{width:16px;height:16px}.inpaint-processing-overlay{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:30}.inpaint-processing-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:inpaint-spin .8s linear infinite}.inpaint-processing-overlay p{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0}.inpaint-progress-small{width:200px}.inpaint-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-surface);border-top:1px solid var(--border-light);flex-shrink:0;flex-wrap:wrap;gap:12px}.inpaint-toolbar-left,.inpaint-toolbar-right{display:flex;align-items:center;gap:12px}.inpaint-brush-control{display:flex;align-items:center;gap:8px}.inpaint-brush-label{font-size:.75rem;color:var(--text-secondary);min-width:40px}.inpaint-brush-slider{width:100px;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-secondary);border-radius:2px;outline:none}.inpaint-brush-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 6px #3d9e6f66}.inpaint-brush-value{font-size:.75rem;color:var(--text-secondary);min-width:24px;text-align:right}.inpaint-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.inpaint-tool-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.inpaint-tool-btn svg{width:16px;height:16px}.inpaint-inpaint-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;color:#fff;background:var(--accent-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #3d9e6f4d}.inpaint-inpaint-btn:hover:not(.inpaint-disabled){background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #3d9e6f66}.inpaint-inpaint-btn.inpaint-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.inpaint-inpaint-btn svg{width:18px;height:18px}.inpaint-download-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.inpaint-download-btn:hover{background:var(--accent-light);border-color:var(--accent-primary)}.inpaint-download-btn svg{width:16px;height:16px}.inpaint-progress{width:100%}.inpaint-progress-track{height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.inpaint-progress-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .3s ease}.inpaint-progress-text{font-size:.75rem;color:var(--text-secondary);margin:8px 0 0;text-align:center}@media(max-width:640px){.inpaint-features{grid-template-columns:1fr}.inpaint-toolbar{flex-direction:column;align-items:stretch}.inpaint-toolbar-left,.inpaint-toolbar-right{justify-content:center}}