.image-editor[data-v-ab8fa342]{width:100%;margin:0 auto}.upload-area[data-v-ab8fa342]{border:2px dashed #ccc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative}.file-input[data-v-ab8fa342]{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.upload-hint[data-v-ab8fa342]{color:#666;margin-bottom:20px;font-size:16px}.url-input-container[data-v-ab8fa342]{z-index:1;gap:10px;margin-top:20px;display:flex;position:relative}.url-input[data-v-ab8fa342]{border:1px solid #ccc;border-radius:4px;width:300px;padding:8px}.controls[data-v-ab8fa342]{text-align:center;width:100%;padding:0 10px;position:absolute;bottom:20px}.controls button[data-v-ab8fa342]{cursor:pointer;border-radius:4px;padding:8px 16px}.controls button[data-v-ab8fa342]:disabled{cursor:not-allowed}.editor-container[data-v-ab8fa342]{width:100%;position:relative}.toolbar[data-v-ab8fa342]{box-sizing:border-box;color:#000;border-bottom:1px solid #eee;justify-content:center;gap:12px;width:100%;height:50px;padding:8px;font-size:14px;position:absolute;top:0;left:0}.toolbar[data-v-ab8fa342],.toolbar button[data-v-ab8fa342]{align-items:center;display:flex}.toolbar button[data-v-ab8fa342]{cursor:pointer;background-color:#0000;flex-direction:row;gap:8px;min-width:120px;padding:8px 0}.toolbar button[data-v-ab8fa342] svg{width:20px;height:20px}.preview-container[data-v-ab8fa342]{box-sizing:border-box;opacity:1;background-color:#fff9;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1s;display:flex;position:absolute;top:0}.fade-leave-active[data-v-ab8fa342]{opacity:0}.background-image-absolute[data-v-ab8fa342]{align-items:unset;justify-content:unset;padding-top:80px}.background-image[data-v-ab8fa342]{background-color:#fff;background-image:linear-gradient(45deg,#f0f0f0 25%,#0000 0),linear-gradient(-45deg,#f0f0f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f0f0 0),linear-gradient(-45deg,#0000 75%,#f0f0f0 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.original-image[data-v-ab8fa342],.preview-image[data-v-ab8fa342]{width:100%;height:auto}.original-image[data-v-ab8fa342]{z-index:2;position:absolute;top:0;left:0}.compare-button[data-v-ab8fa342]{color:#fff;cursor:pointer;z-index:3;background:#000000b3;border:none;border-radius:4px;padding:8px 16px;position:absolute;bottom:20px;right:20px}.header[data-v-ab8fa342]{border-bottom:1px solid #eee;width:100%;height:50px;position:absolute}.title[data-v-ab8fa342]{font-weight:600;top:50%;left:40px;transform:translateY(-50%)}.close-button[data-v-ab8fa342],.title[data-v-ab8fa342]{color:#000;z-index:1001;position:absolute}.close-button[data-v-ab8fa342]{cursor:pointer;background:0 0;border:none;width:20px;height:20px;font-size:24px;font-weight:700;top:10px;left:10px}.download-button[data-v-ab8fa342],.save-to-ai-drive-button[data-v-ab8fa342]{color:#fff;cursor:pointer;z-index:1001;background:#232425;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-size:14px;transition:all .3s;display:flex;position:absolute;top:10px;right:10px}.save-to-ai-drive-button[data-v-ab8fa342]{right:140px}.save-to-ai-drive-button[data-v-ab8fa342] svg{width:20px;height:20px}.download-button[data-v-ab8fa342]:hover:not(:disabled),.save-to-ai-drive-button[data-v-ab8fa342]:hover:not(:disabled){background:#000}button.process-button[data-v-ab8fa342]{color:#fff;cursor:pointer;background:#232425;border-radius:12px;width:201px;height:40px;padding:0 8px;font-size:14px;font-weight:700}.download-button[data-v-ab8fa342]:disabled,.save-to-ai-drive-button[data-v-ab8fa342]:disabled{color:#000;background-color:#f5f5f5}.download-button[data-v-ab8fa342]:disabled,.process-button[data-v-ab8fa342]:disabled,.save-to-ai-drive-button[data-v-ab8fa342]:disabled{cursor:not-allowed;opacity:.5}.tip[data-v-ab8fa342]{color:red;padding-bottom:10px;font-size:14px}@media (max-width:768px){button.process-button[data-v-ab8fa342]{width:100%;margin-bottom:20px}.controls[data-v-ab8fa342]{box-sizing:border-box;z-index:3;background:#fff;width:100%;position:fixed;bottom:0}.show-text[data-v-ab8fa342]{display:none}.save-to-ai-drive-button[data-v-ab8fa342]{right:70px}.preview-container[data-v-ab8fa342]{align-items:unset;z-index:2;padding-top:60px}}.tool-callback-mode .header[data-v-ab8fa342]>*{display:none}.tool-callback-mode .header>.compare-button[data-v-ab8fa342],.tool-callback-mode .header>.title[data-v-ab8fa342]{display:block}.tool-callback-mode .drawable-canvas-container[data-v-ab8fa342],.tool-callback-mode .editor-container[data-v-ab8fa342],.tool-callback-mode .editor-inner-container[data-v-ab8fa342],.tool-callback-mode .preview-container[data-v-ab8fa342]{height:100%}.tool-callback-mode .preview-container[data-v-ab8fa342]{width:100%}.tools-container[data-v-d1e555cb]{padding:20px}@media (max-width:1220px){.tools-container[data-v-d1e555cb]{box-sizing:border-box;max-width:100%}}.main-tools[data-v-d1e555cb]{gap:20px;width:100%;margin-bottom:40px;display:flex}.main-tools[data-v-d1e555cb]::-webkit-scrollbar{display:none}.tool-card[data-v-d1e555cb]{box-sizing:border-box;cursor:pointer;text-align:center;background-color:#f5f5f5;border-radius:12px;flex-shrink:0;width:260px;height:160px;padding-top:29px;transition:transform .3s}.tool-card[data-v-d1e555cb]:hover:not(.coming-soon-card){transform:scale(1.05)}.coming-soon-card[data-v-d1e555cb]{cursor:not-allowed}.coming-soon-card .tool-header[data-v-d1e555cb],.coming-soon-card .tool-title[data-v-d1e555cb]{color:#666}.tool-content[data-v-d1e555cb]{flex-direction:column;position:relative}.tool-content[data-v-d1e555cb],.tool-header[data-v-d1e555cb]{align-items:center;display:flex}.tool-header[data-v-d1e555cb]{justify-content:center;gap:8px;margin-bottom:8px}.tool-icon[data-v-d1e555cb] svg{width:24px;height:24px}.tool-title[data-v-d1e555cb]{font-size:16px;font-style:normal;font-weight:700;line-height:150%}.tool-image[data-v-d1e555cb]{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%;height:auto}.coming-soon[data-v-d1e555cb]{color:#666;font-size:14px;position:absolute;top:30px}.quick-apps-title[data-v-d1e555cb]{margin-bottom:20px;font-size:22px;font-weight:700}.quick-tools-grid[data-v-d1e555cb]{grid-template-columns:repeat(3,1fr);gap:20px;max-width:800px;display:grid}.quick-tool-card[data-v-d1e555cb]{cursor:pointer;border-radius:12px;min-height:140px;transition:transform .3s;position:relative;overflow:hidden}.quick-tool-card[data-v-d1e555cb]:hover{transform:scale(1.05)}.quick-tool-card img[data-v-d1e555cb]{-o-object-fit:cover;object-fit:cover;width:100%;height:auto}.quick-tool-title[data-v-d1e555cb]{color:#fff;text-shadow:0 2px 4px #0000004d;font-weight:700;position:absolute;bottom:5px;left:10px}.hidden-input[data-v-d1e555cb]{display:none}.fullscreen-editor[data-v-d1e555cb]{box-sizing:border-box;z-index:1000;background:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0}@keyframes loading-d1e555cb{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-skeleton[data-v-d1e555cb]{z-index:999;background:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.skeleton-content[data-v-d1e555cb]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:12px;width:80%;height:80%;animation:1.5s infinite loading-d1e555cb}@media (max-width:768px){.tools-container[data-v-d1e555cb]{margin-bottom:100px}.quick-tools-grid[data-v-d1e555cb]{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.quick-tool-card[data-v-d1e555cb]{min-height:90px}.main-tools[data-v-d1e555cb]{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow:auto hidden}.quick-tool-card[data-v-d1e555cb]:hover,.tool-card[data-v-d1e555cb]:hover:not(.coming-soon-card){transform:none}}@media (prefers-color-scheme:dark){.tool-card[data-v-d1e555cb]{background-color:#333}.loading-skeleton[data-v-d1e555cb]{background:#1a1a1a}.skeleton-content[data-v-d1e555cb]{background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%) 0 0/200% 100%}}
