@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%;height:100vh}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-card:#16161f;--bg-hover:#1e1e2a;--border:#2a2a3a;--border-light:#3a3a4a;--text-primary:#e8e8f0;--text-secondary:#9898a8;--text-muted:#686878;--accent:#7c6cf0;--accent-hover:#8d7ff5;--accent-glow:#7c6cf026;--accent-soft:#7c6cf014;--danger:#f06c6c;--success:#6cf0a8;--gold:#f0c86c;--clinic-teal:#4ecdc4;--clinic-rose:#e8a0bf;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow:0 4px 20px #0000004d;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{height:100vh}.app{outline:none;flex-direction:column;height:100vh;display:flex}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow));font-size:24px}.logo-icon.large{font-size:36px}.logo h1{letter-spacing:-.5px;color:var(--text-primary);font-size:18px;font-weight:700}.logo-pro{color:var(--gold);vertical-align:super;letter-spacing:1px;background:#f0c86c1f;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:600}.header-tagline{color:var(--text-muted);border-left:1px solid var(--border);padding-left:16px;font-size:12px}.header-right{align-items:center;display:flex}.app-body{flex:1;display:flex;overflow:hidden}.toolbar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;width:260px;display:flex;overflow-y:auto}.toolbar::-webkit-scrollbar{width:4px}.toolbar::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.toolbar-section{border-bottom:1px solid var(--border);padding:14px 16px}.toolbar-section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:10px;font-size:10px;font-weight:600}.tool-buttons{flex-direction:column;gap:3px;display:flex}.tool-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:7px 12px;font-size:13px;display:flex}.tool-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.tool-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tool-btn:disabled{opacity:.35;cursor:default}.tool-icon{text-align:center;width:24px;font-size:16px}.tool-label{font-weight:500}.preset-btn.active{border-color:var(--clinic-teal);color:var(--clinic-teal);background:#4ecdc414}.preset-btn:hover:not(:disabled):not(.active){background:#4ecdc40a}.slider-group{margin-bottom:12px}.slider-group:last-child{margin-bottom:0}.slider-group label{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.slider-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:500}.slider-group input[type=range]{appearance:none;background:var(--border);border-radius:4px;outline:none;width:100%;height:4px}.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--accent-glow);border-radius:50%}.slider-group input[type=range]:disabled::-webkit-slider-thumb{opacity:.3}.action-buttons{flex-direction:column;gap:4px;display:flex}.action-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.action-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.action-btn:disabled{opacity:.3;cursor:default}.action-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.action-btn.primary:hover:not(:disabled){background:var(--accent-hover)}.action-btn.accent{color:var(--accent);border-color:#7c6cf04d}.action-btn.accent:hover:not(:disabled){background:var(--accent-soft)}.action-btn.danger:hover:not(:disabled){color:var(--danger);border-color:#f06c6c4d}.action-btn.cta-book{background:linear-gradient(135deg, var(--clinic-teal), #3db8b0);border-color:var(--clinic-teal);color:#fff;font-weight:600}.action-btn.cta-book:hover:not(:disabled){background:linear-gradient(135deg, #5dd8d0, var(--clinic-teal));color:#fff}.action-btn.cta-quote{border-color:var(--clinic-rose);color:var(--clinic-rose)}.action-btn.cta-quote:hover:not(:disabled){color:var(--clinic-rose);background:#e8a0bf14}.protection-toggles{flex-direction:column;gap:8px;display:flex}.protection-toggle{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.protection-toggle input[type=checkbox]{display:none}.toggle-track{background:var(--border);width:32px;height:18px;transition:background var(--transition);border-radius:10px;flex-shrink:0;position:relative}.protection-toggle input:checked+.toggle-track{background:var(--danger)}.toggle-thumb{width:14px;height:14px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.protection-toggle input:checked+.toggle-track .toggle-thumb{transform:translate(14px)}.toggle-label{font-weight:500}.editor-area{background:var(--bg-primary);flex:1;position:relative;overflow:hidden}.editor-canvas-container{background:radial-gradient(circle at center, #7c6cf005 0%, transparent 70%), repeating-conic-gradient(var(--bg-secondary) 0% 25%, var(--bg-primary) 0% 50%) 50% / 24px 24px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.canvas-wrapper{display:inline-block;position:relative}.main-canvas{border-radius:4px;display:block;box-shadow:0 8px 40px #0006}.overlay-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-placeholder{color:var(--text-muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.placeholder-icon{opacity:.4;margin-bottom:12px;font-size:48px}.canvas-placeholder p{font-size:14px}.landing-overlay{background:var(--bg-primary);z-index:200;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:fixed;inset:0}.landing-branding{text-align:center}.landing-logo{justify-content:center;align-items:center;gap:14px;margin-bottom:12px;display:flex}.landing-logo h1{letter-spacing:-1px;color:var(--text-primary);font-size:32px;font-weight:700}.landing-subtitle{color:var(--text-muted);letter-spacing:.5px;font-size:14px}.landing-features{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.feature-pill{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border);letter-spacing:.3px;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:500}.upload-zone{border:2px dashed var(--border-light);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--bg-card);width:480px;max-width:90vw;padding:60px 40px;transition:all .3s}.upload-zone:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 40px var(--accent-glow)}.upload-content{flex-direction:column;align-items:center;gap:12px;display:flex}.upload-icon{color:var(--accent);opacity:.7}.upload-content h2{color:var(--text-primary);font-size:20px;font-weight:600}.upload-content p{color:var(--text-secondary);font-size:14px}.upload-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.upload-new-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.upload-new-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.comparison-overlay{z-index:50;background:#0a0a0ff2;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.comparison-header{text-align:center;margin-bottom:20px;position:relative}.comparison-header h3{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.comparison-header p{color:var(--text-muted);font-size:12px}.comparison-close{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:4px 10px;font-size:12px;position:absolute;top:-4px;right:-60px}.comparison-close:hover{background:var(--bg-hover);color:var(--text-primary)}.comparison-container{cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);max-width:90%;max-height:75vh;box-shadow:var(--shadow);position:relative;overflow:hidden}.comparison-image-wrapper{display:inline-block;position:relative}.comparison-img{object-fit:contain;max-width:80vw;max-height:70vh;display:block}.comparison-clip{height:100%;position:absolute;top:0;left:0;overflow:hidden}.comparison-clip .comparison-img{width:auto;max-width:none;height:100%}.comparison-divider{background:#fff;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 10px #00000080}.comparison-handle{color:#333;background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:40px;height:40px;font-size:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.comparison-label{text-transform:uppercase;letter-spacing:1px;color:#fff;background:#00000080;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;transition:opacity .3s;position:absolute;top:16px}.comparison-label.left{left:16px}.comparison-label.right{right:16px}.side-by-side-container{border-radius:var(--radius-md);max-width:90%;max-height:75vh;box-shadow:var(--shadow);gap:2px;display:flex;overflow:hidden}.side-by-side-panel{flex:1;position:relative}.side-by-side-img{object-fit:contain;width:100%;max-height:70vh;display:block}.side-by-side-label{text-transform:uppercase;letter-spacing:1px;color:#fff;background:#00000080;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.side-by-side-divider{background:var(--border-light);align-self:stretch;width:2px}.split-view-container{border-radius:var(--radius-md);max-width:90%;max-height:75vh;box-shadow:var(--shadow);overflow:hidden}.split-view-wrapper{display:inline-block;position:relative}.split-view-img{object-fit:contain;max-width:80vw;max-height:70vh;display:block}.split-view-before{height:100%;position:absolute;top:0;left:0;overflow:hidden}.split-view-before .split-view-img{width:auto;max-width:none;height:100%}.split-view-line{background:#ffffff80;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.detecting-overlay{z-index:40;background:#0a0a0fd9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.detecting-overlay p{color:var(--text-secondary);font-size:14px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brush-cursor{pointer-events:none;z-index:30;border:1.5px solid #7c6cf0b3;border-radius:50%;transition:width .1s,height .1s;position:absolute;box-shadow:0 0 4px #7c6cf04d}.brush-cursor.protected{border-color:#f06c6ccc;box-shadow:0 0 8px #f06c6c66}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0fe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:440px;max-width:90vw;padding:36px;position:relative;box-shadow:0 20px 60px #00000080}.modal-close{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:16px;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text-primary)}.modal-header{margin-bottom:24px}.modal-header h2{color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:700}.modal-header p{color:var(--text-muted);font-size:13px;line-height:1.5}.modal-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-group input,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:70px}.modal-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600}.modal-btn.primary{background:linear-gradient(135deg, var(--clinic-teal), #3db8b0);border-color:var(--clinic-teal);color:#fff}.modal-btn.primary:hover{background:linear-gradient(135deg, #5dd8d0, var(--clinic-teal))}.modal-success{text-align:center;padding:20px 0}.success-icon{width:56px;height:56px;color:var(--success);background:#6cf0a81a;border:2px solid #6cf0a84d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;display:flex}.modal-success h3{color:var(--text-primary);margin-bottom:10px;font-size:20px;font-weight:700}.modal-success p{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}