[data-v-df77d02c]{box-sizing:border-box}.app-container[data-v-df77d02c]{max-width:1200px;margin:0 auto;padding:20px;font-family:Courier New,Courier,monospace,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8fafc;min-height:100vh}.header[data-v-df77d02c]{margin-bottom:30px;display:flex;align-items:center;height:20px;gap:5px;box-sizing:border-box}.app-title[data-v-df77d02c]{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:#1a202c;box-sizing:border-box}.app-subtitle[data-v-df77d02c]{font-size:1rem;margin:0;color:#718096;display:flex;height:100%}.drop-area[data-v-df77d02c]{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.drop-area_hover[data-v-df77d02c]{border-color:#4299e1;background:#f7fafc}.upload-content[data-v-df77d02c]{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon[data-v-df77d02c]{font-size:2rem;opacity:.7}.upload-text[data-v-df77d02c]{font-size:.95rem;color:#4a5568;margin:0}.file-input[data-v-df77d02c]{display:none}.upload-btn[data-v-df77d02c]{background:#4299e1;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.upload-btn[data-v-df77d02c]:hover{background:#3182ce}.control-panel[data-v-df77d02c]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.mode-switcher[data-v-df77d02c]{display:flex;gap:8px;margin-bottom:24px;justify-content:center}.mode-btn[data-v-df77d02c]{flex:1;max-width:150px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-btn[data-v-df77d02c]:hover{border-color:#4299e1}.mode-btn.active[data-v-df77d02c]{background:#4299e1;color:#fff;border-color:#4299e1}.control-row[data-v-df77d02c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.control-group[data-v-df77d02c]{display:flex;flex-direction:column;gap:6px}.control-label[data-v-df77d02c]{font-size:.85rem;font-weight:500;color:#4a5568;margin:0}.slider-container[data-v-df77d02c]{display:flex;align-items:center;gap:8px}.simple-slider[data-v-df77d02c]{flex:1;height:4px;border-radius:2px;background:#e2e8f0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.simple-slider[data-v-df77d02c]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4299e1;cursor:pointer}.simple-slider[data-v-df77d02c]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4299e1;cursor:pointer;border:none}.value-display[data-v-df77d02c]{min-width:50px;text-align:center;font-weight:500;color:#4299e1;background:#f7fafc;padding:4px 8px;border-radius:6px;font-size:.8rem}.color-picker-simple[data-v-df77d02c]{display:flex;align-items:center}.color-input[data-v-df77d02c]{width:40px;height:40px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:0;background:none}.brush-select[data-v-df77d02c]{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:.9rem;cursor:pointer}.brush-select[data-v-df77d02c]:focus{outline:none;border-color:#4299e1}.color-palette-simple[data-v-df77d02c]{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}.palette-color-simple[data-v-df77d02c]{width:28px;height:28px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.palette-color-simple[data-v-df77d02c]:hover{border-color:#4299e1;transform:scale(1.1)}.palette-color-simple.active[data-v-df77d02c]{border-color:#4299e1;box-shadow:0 0 0 2px #4299e14d}.add-color-btn[data-v-df77d02c]{width:28px;height:28px;border:2px dashed #cbd5e0;border-radius:6px;background:#fff;color:#a0aec0;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.add-color-btn[data-v-df77d02c]:hover{border-color:#4299e1;color:#4299e1}.action-buttons[data-v-df77d02c]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.action-btn[data-v-df77d02c]{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.action-btn[data-v-df77d02c]:hover:not(:disabled){border-color:#4299e1;color:#4299e1}.action-btn.clear[data-v-df77d02c]{color:#e53e3e;border-color:#fed7d7}.action-btn.clear[data-v-df77d02c]:hover:not(:disabled){background:#fed7d7;border-color:#e53e3e}.action-btn.download[data-v-df77d02c]{background:#48bb78;color:#fff;border-color:#48bb78}.action-btn.download[data-v-df77d02c]:hover:not(:disabled){background:#38a169;border-color:#38a169}.action-btn[data-v-df77d02c]:disabled{opacity:.5;cursor:not-allowed}.effect-buttons[data-v-df77d02c]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.effect-btn[data-v-df77d02c]{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.effect-btn[data-v-df77d02c]:hover:not(:disabled){border-color:#9f7aea;color:#9f7aea;background:#faf5ff}.effect-btn[data-v-df77d02c]:disabled{opacity:.5;cursor:not-allowed}.canvas-container[data-v-df77d02c]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;text-align:center}.drawing-canvas[data-v-df77d02c]{max-width:100%;max-height:70vh;border:2px solid #e2e8f0;border-radius:8px;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color .2s ease}.drawing-canvas[data-v-df77d02c]:hover{border-color:#4299e1}@media (max-width: 768px){.app-container[data-v-df77d02c]{padding:15px}.app-title[data-v-df77d02c]{font-size:1.5rem}.control-row[data-v-df77d02c]{grid-template-columns:1fr}.mode-switcher[data-v-df77d02c]{flex-direction:column}.mode-btn[data-v-df77d02c]{max-width:none}.action-buttons[data-v-df77d02c]{flex-direction:column;align-items:center}.action-btn[data-v-df77d02c]{width:100%;max-width:200px}}@media (max-width: 480px){.drop-area[data-v-df77d02c]{padding:24px}.control-panel[data-v-df77d02c]{padding:16px}.app-title[data-v-df77d02c]{font-size:1.3rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Courier,monospace,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#0006;min-height:100vh}#app{min-height:100vh}