.image-canvas-wrapper{width:100%;height:100%}.image-canvas-stack,.image-canvas-wrapper{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.image-canvas-stack{--image-edit-overlay-offset:18px;transform:scale(var(--image-editor-zoom,1));transform-origin:center;transition:opacity .2s ease,transform .18s cubic-bezier(.22,1,.36,1)}.image-canvas-edit-button{position:absolute;right:18px;bottom:18px;left:auto;z-index:21;max-width:calc(100% - 36px)}@media (max-width:700px){.image-canvas-stack{--image-edit-overlay-offset:11px}.image-canvas-edit-button{right:11px;bottom:11px;left:auto;height:38px;max-width:calc(100% - 22px);padding-inline:12px}}.image-canvas-actions{position:absolute;top:3px;right:3px;z-index:20;opacity:0;pointer-events:none;transition:opacity .15s ease}.image-canvas-stack.actions-visible .image-canvas-actions,.image-canvas-stack.menu-open .image-canvas-actions,.image-canvas-stack:hover .image-canvas-actions{opacity:1;pointer-events:auto}.image-canvas-actions-button{width:36px;height:36px;border-radius:999px;border:1px solid rgba(226,232,240,.85);background:rgba(255,255,255,.55);backdrop-filter:blur(6px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#0f172a;box-shadow:0 10px 24px rgba(15,23,42,.18)}.image-canvas-actions-button:hover{background:rgba(255,255,255,.75)}.image-canvas-actions-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:rgba(255,255,255,.98);border:1px solid rgba(226,232,240,.95);border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.18);overflow:visible;padding:4px 0}.image-canvas-actions-divider{height:1px;background:rgba(226,232,240,.9);margin:4px 0}.image-canvas-actions-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;cursor:pointer;font-size:13px;color:#0f172a;text-align:left}.image-canvas-actions-item:hover{background:rgba(248,250,252,1)}.image-canvas-actions-submenu{position:relative}.image-canvas-actions-submenu-trigger{justify-content:space-between}.image-canvas-actions-submenu-arrow{margin-left:auto;opacity:.7}.image-canvas-actions-submenu-list{position:absolute;top:-4px;right:calc(100% + 8px);min-width:180px;background:rgba(255,255,255,.98);border:1px solid rgba(226,232,240,.95);border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.18);padding:4px 0;z-index:1}.image-canvas-actions-submenu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;cursor:pointer;font-size:13px;color:#0f172a;text-align:left}.image-canvas-actions-submenu-item:hover{background:rgba(248,250,252,1)}.image-canvas-actions-item.danger{color:#b91c1c}.image-canvas-actions-item.danger:hover{background:rgba(254,226,226,.6)}.dark-mode .image-canvas-actions-button,body.dark-mode .image-canvas-actions-button{border-color:var(--border-color-dark,#444);background:rgba(43,43,43,.55);color:var(--text-color-dark,#fff);box-shadow:0 10px 24px rgba(0,0,0,.45)}.dark-mode .image-canvas-actions-button:hover,body.dark-mode .image-canvas-actions-button:hover{background:rgba(43,43,43,.8)}.dark-mode .image-canvas-actions-menu,body.dark-mode .image-canvas-actions-menu{background:#2a2a2a;border-color:var(--border-color-dark,#444);box-shadow:0 12px 30px rgba(0,0,0,.55)}.dark-mode .image-canvas-actions-item,body.dark-mode .image-canvas-actions-item{color:var(--text-color-dark,#fff)}.dark-mode .image-canvas-actions-item:hover,body.dark-mode .image-canvas-actions-item:hover{background:#333}.dark-mode .image-canvas-actions-submenu-list,body.dark-mode .image-canvas-actions-submenu-list{background:#2a2a2a;border-color:var(--border-color-dark,#444);box-shadow:0 12px 30px rgba(0,0,0,.55)}.dark-mode .image-canvas-actions-submenu-item,body.dark-mode .image-canvas-actions-submenu-item{color:var(--text-color-dark,#fff)}.dark-mode .image-canvas-actions-submenu-item:hover,body.dark-mode .image-canvas-actions-submenu-item:hover{background:#333}.dark-mode .image-canvas-actions-item.danger,body.dark-mode .image-canvas-actions-item.danger{color:#ff6b6b}.dark-mode .image-canvas-actions-item.danger:hover,body.dark-mode .image-canvas-actions-item.danger:hover{background:rgba(230,0,0,.12)}.dark-mode .image-canvas-actions-divider,body.dark-mode .image-canvas-actions-divider{background:rgba(68,68,68,.9)}@media (max-width:768px){.image-canvas-actions-submenu-list{position:static;margin:6px 8px 0;min-width:unset;box-shadow:none}}.image-canvas-stack.loading{opacity:0}.image-canvas-stack.loaded{opacity:1}.image-canvas-base,.image-canvas-mask{position:absolute;top:0;left:0;cursor:default;display:block}.image-canvas-base{position:relative}.image-canvas-mask{pointer-events:none}.image-canvas-mask.brush-active{pointer-events:auto;cursor:none;touch-action:none}@keyframes marching-ants{0%{stroke-dashoffset:0}to{stroke-dashoffset:12}}.image-canvas-wrapper.brush-enabled .image-canvas-mask{cursor:none}.brush-cursor{position:fixed;pointer-events:none;z-index:10000;border-radius:50%;border:2px solid rgba(0,0,0,.5);transform:translate(-50%,-50%);mix-blend-mode:difference;display:none;width:var(--brush-size,30px);height:var(--brush-size,30px);background-color:var(--brush-color,#d1d5db);opacity:var(--brush-opacity,1)}.image-canvas-loading{top:0;left:0;right:0;bottom:0;min-width:300px;min-height:300px;background:rgba(245,245,245,.9);z-index:10;color:rgba(0,0,0,.6);font-size:14px}.image-canvas-loading,.image-canvas-processing-overlay{position:absolute;display:flex;align-items:center;justify-content:center}.image-canvas-processing-overlay{inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:30;pointer-events:all;cursor:progress}.image-canvas-processing-content{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(15,23,42,.75);border-radius:999px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.2px;box-shadow:0 12px 24px rgba(15,23,42,.3)}.image-canvas-processing-dots{display:inline-flex;gap:4px}.image-canvas-processing-dots span{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.35;animation:processing-dots 1.1s ease-in-out infinite}.image-canvas-processing-dots span:nth-child(2){animation-delay:.2s}.image-canvas-processing-dots span:nth-child(3){animation-delay:.4s}@keyframes processing-dots{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.image-canvas-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:#6b7280;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.image-canvas-wrapper canvas{max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain}@media (min-width:769px){.image-canvas-wrapper canvas{max-height:calc(100dvh - 104px)}}@media (max-width:768px){.image-canvas-wrapper canvas{max-height:100%;max-width:calc(100vw - 20px)}}@media (max-width:480px){.image-canvas-wrapper canvas{max-height:100%;max-width:calc(100vw - 16px)}}