:root{--imagine-primary: #2563EB;--imagine-primary-light: #E0E7FF;--imagine-primary-dark: #1E40AF;--cat-color: var(--imagine-primary);--glass-bg: rgba(255, 255, 255, .84);--glass-border: rgba(255, 255, 255, .5);--shadow-img: 0 12px 40px -10px rgba(0, 0, 0, .08);--dial-height: calc(100vh - 280px) }.img-tool-container{max-width:1000px;margin:4rem auto;padding:0 var(--pad)}.img-hero-header{text-align:center;margin-bottom:4rem}.img-hero-header h1{font-family:var(--ff-serif);font-size:clamp(40px,5.5vw,64px);font-weight:400;line-height:1.1;color:var(--ink);margin-bottom:1.5rem}.img-hero-header h1 em{font-style:italic;color:var(--imagine-primary)}.upload-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px dashed var(--line);border-radius:32px;padding:4rem 2rem;text-align:center;transition:all .3s var(--ease);cursor:pointer;position:relative;overflow:hidden}.upload-card:hover,.upload-card.drag-over{border-color:var(--imagine-primary);background:var(--white);box-shadow:var(--shadow-img)}.upload-icon{width:80px;height:80px;background:var(--imagine-primary-light);color:var(--imagine-primary);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;transition:transform .3s var(--ease)}.upload-card:hover .upload-icon{transform:translateY(-5px)}.upload-card h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.upload-card p{color:var(--ink-3);font-size:.95rem}.tool-workspace{display:flex;flex-direction:column;gap:2rem;margin-top:3rem}.workspace-grid{display:grid;grid-template-columns:1fr 340px;gap:2rem}@media(max-width:900px){.workspace-grid{grid-template-columns:1fr}}.preview-area{background:var(--off);border:1px solid var(--line);border-radius:24px;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:400px;position:relative}.preview-area img{max-width:100%;max-height:600px;border-radius:12px;box-shadow:var(--shadow-img)}.preview-status{position:absolute;top:1rem;left:1rem;background:var(--imagine-primary);color:var(--white);padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #2563eb33}.preview-status:before{content:"";width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.7}}.preview-info{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 16px;border-radius:12px;font-size:.85rem;font-weight:600;color:var(--ink-2);border:1px solid var(--line)}.controls-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:2rem;height:fit-content;position:sticky;top:100px}.control-group{margin-bottom:2rem}.control-label{display:block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:12px}.input-field{width:100%;padding:12px 16px;background:var(--off);border:1.5px solid var(--line);border-radius:12px;font-family:var(--ff-sans);font-size:1rem;font-weight:600;outline:none;transition:all .2s}.input-field:focus{border-color:var(--imagine-primary);background:var(--white);box-shadow:0 0 0 4px var(--imagine-primary-light)}.action-btn{width:100%;padding:16px;background:var(--imagine-primary);color:var(--white);border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.action-btn:hover{background:var(--imagine-primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb33}.action-btn:disabled{background:var(--ink-4);cursor:not-allowed;transform:none;box-shadow:none}.remove-bg-editor{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-bottom:8rem;width:100%}.pill-toolbar{background:#fff;padding:10px 24px;border-radius:999px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px #0000001a;border:1px solid var(--line);position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;max-width:95%}.toolbar-section{display:flex;align-items:center;gap:16px}.divider{width:1px;height:24px;background:var(--line)}.tool-btn{background:transparent;border:none;padding:8px 16px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--ink-2);cursor:pointer;transition:all .2s;white-space:nowrap}.tool-btn span{font-size:.65rem;letter-spacing:.05em}.tool-btn:hover{background:var(--off);color:var(--imagine-primary);transform:translateY(-2px)}.tool-btn svg{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.tool-btn:hover svg{transform:scale(1.1)}.tool-btn:active svg{transform:scale(.95)}.tool-btn.active{background:var(--imagine-primary-light);border-color:var(--imagine-primary);color:var(--imagine-primary)}.tool-group{display:flex;align-items:center;gap:8px}.tool-item{display:flex;flex-direction:column;gap:4px}.tool-item label{font-size:.6rem;font-weight:800;text-transform:uppercase;color:var(--ink-4);letter-spacing:.05em}.tool-item input[type=range]{width:70px;accent-color:var(--imagine-primary);height:4px}.download-pill{background:var(--imagine-primary);color:#fff;border:none;padding:12px 28px;border-radius:999px;font-weight:800;font-size:.95rem;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .25s var(--ease);box-shadow:0 4px 15px #2563eb4d}.download-pill:hover{background:var(--imagine-primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.main-editor-view{width:100%;max-width:900px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center}.editor-preview-container{background:#fff;border-radius:32px;overflow:hidden;border:1px solid var(--line);display:flex;justify-content:center;position:relative}.preview-wrapper{position:relative;min-height:400px;width:100%;display:flex;align-items:center;justify-content:center}.main-preview{max-width:100%;max-height:75vh;display:block;object-fit:contain;margin:0 auto}.main-preview.hidden{display:none}.recent-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);padding:8px;border-radius:20px;display:flex;justify-content:center;z-index:110;box-shadow:0 10px 40px #0000001f}.recent-list{display:flex;gap:10px;align-items:center}.recent-item,.add-new{width:52px;height:52px;border-radius:12px;overflow:hidden;border:2.5px solid transparent;cursor:pointer;transition:all .25s var(--ease);background:var(--off);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-item:hover,.recent-item.active{border-color:var(--imagine-primary);transform:scale(1.05)}.add-new{color:var(--ink-4);background:var(--off);border:2px dashed var(--line)}.recent-item img{width:100%;height:100%;object-fit:cover}.loading-overlay{background:#fff;border-radius:32px;padding:6rem 2rem;text-align:center}.spinner-imagine{width:56px;height:56px;border:4px solid var(--imagine-primary-light);border-top:4px solid var(--imagine-primary);border-radius:50%;margin:0 auto 2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-content h3{font-family:var(--ff-serif);font-size:2.5rem;margin-bottom:1rem;font-style:italic}.loader-content p{color:var(--ink-3);max-width:500px;margin:0 auto}.error-card{background:#fef2f2;border:1px solid #FEE2E2;padding:4rem 2rem;border-radius:32px;text-align:center}.error-icon{width:60px;height:60px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.main-preview canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;border-radius:8px}#ui-canvas{pointer-events:auto;cursor:crosshair}.tool-btn.active{background:var(--imagine-primary-light);color:var(--imagine-primary)}.setting-item{display:flex;flex-direction:column;gap:4px}.setting-label{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--ink-4);letter-spacing:.05em}.tool-select{padding:4px 8px;border:1px solid var(--line);border-radius:8px;font-size:.8rem;font-weight:600;background:var(--off);cursor:pointer;outline:none}.tool-select:focus{border-color:var(--imagine-primary)}.pill-toolbar .setting-item input[type=range]{width:90px}.action-btn.download{background:var(--imagine-primary);border-radius:999px;padding:10px 24px;font-size:.9rem}.action-btn.download:hover{background:var(--imagine-primary-dark)}.error-panel{text-align:center;padding:4rem 2rem;background:#fff;border-radius:24px;border:1px solid var(--line)}.error-panel h3{color:#ef4444;margin-bottom:1rem}body.editor-no-scroll{height:100vh;overflow:hidden;display:flex;flex-direction:column}body.editor-no-scroll .navbar{flex-shrink:0}body.editor-no-scroll .img-tool-container{flex:1;margin:0;max-width:none;width:100%;display:flex;flex-direction:column;padding:0;position:relative;overflow:hidden}body.editor-no-scroll .remove-bg-editor{height:100%;padding:0;gap:0;display:flex;flex-direction:column}body.editor-no-scroll .pill-toolbar{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;margin-bottom:0}body.editor-no-scroll .main-editor-view{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:95px 5px 5px}body.editor-no-scroll .editor-preview-container{width:100%;height:100%;max-width:100%;border-radius:0;box-shadow:none;border:none;background:transparent}body.editor-no-scroll .preview-wrapper{height:100%;width:100%}body.editor-no-scroll .main-preview{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s var(--ease),opacity .3s var(--ease)}.cropper-view-box,.cropper-face{border-radius:4px}.cropper-line,.cropper-point{background-color:var(--imagine-primary)}.cropper-view-box{outline:2px solid var(--imagine-primary);outline-color:var(--imagine-primary)}.cropper-modal{background-color:#0006}.cropper-container{transition:opacity .3s var(--ease)}.transparent-bg{background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.hidden{display:none!important}.ios-sidebar-label{font-size:11px;font-weight:800;color:var(--ink-2);letter-spacing:.15em;margin-bottom:30px;opacity:.8;text-align:center;text-transform:uppercase}