.image-mosaic-container[data-v-c494e2a6]{margin:0 auto;max-width:1200px;padding:20px}.upload-area[data-v-c494e2a6]{border:2px dashed #ccc;border-radius:10px;padding:40px;text-align:center;transition:border-color .3s ease}.upload-area[data-v-c494e2a6]:hover{border-color:#007bff}.upload-area.drag-over[data-v-c494e2a6]{background-color:#007bff1a;border-color:#007bff}.file-input[data-v-c494e2a6]{display:none}.upload-label[data-v-c494e2a6]{cursor:pointer;display:block;height:100%;width:100%}.upload-content[data-v-c494e2a6]{color:#666}.upload-icon[data-v-c494e2a6]{color:#007bff;height:48px;margin:0 auto 16px;width:48px}.upload-hint[data-v-c494e2a6]{color:#999;font-size:14px;margin-top:8px}.image-editor[data-v-c494e2a6]{margin-top:20px}.editor-controls[data-v-c494e2a6]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.btn[data-v-c494e2a6]{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.btn-primary[data-v-c494e2a6]{background-color:#007bff;color:#fff}.btn-primary[data-v-c494e2a6]:hover:not(:disabled){background-color:#0056b3}.btn-primary[data-v-c494e2a6]:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary[data-v-c494e2a6]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-c494e2a6]:hover{background-color:#545b62}.btn-success[data-v-c494e2a6]{background-color:#28a745;color:#fff}.btn-success[data-v-c494e2a6]:hover:not(:disabled){background-color:#1e7e34}.btn-success[data-v-c494e2a6]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.btn-info[data-v-c494e2a6]{background-color:#17a2b8;color:#fff}.btn-info[data-v-c494e2a6]:hover:not(:disabled){background-color:#138496}.btn-info[data-v-c494e2a6]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.btn-warning[data-v-c494e2a6]{background-color:#ffc107;color:#212529}.btn-warning[data-v-c494e2a6]:hover:not(:disabled){background-color:#e0a800}.btn-warning[data-v-c494e2a6]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.mode-selector[data-v-c494e2a6]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:15px}.mode-label[data-v-c494e2a6]{color:#495057;display:block;font-weight:700;margin-bottom:10px}.radio-group[data-v-c494e2a6]{display:flex;gap:20px}.radio-option[data-v-c494e2a6]{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-option input[type=radio][data-v-c494e2a6]{cursor:pointer;margin:0}.radio-option span[data-v-c494e2a6]{cursor:pointer}.canvas-container[data-v-c494e2a6]{background-color:#f8f9fa;border-radius:10px;display:flex;justify-content:center;overflow:auto;padding:20px}.image-canvas[data-v-c494e2a6]{border:1px solid #ddd;border-radius:5px;cursor:crosshair;height:auto;max-width:100%;touch-action:none}@media (max-width:768px){.image-mosaic-container[data-v-c494e2a6]{padding:10px}.upload-area[data-v-c494e2a6]{padding:20px}.upload-icon[data-v-c494e2a6]{height:32px;width:32px}.editor-controls[data-v-c494e2a6]{justify-content:center}.btn[data-v-c494e2a6]{font-size:12px;padding:8px 16px}.canvas-container[data-v-c494e2a6]{padding:10px}}@media (prefers-color-scheme:dark){.upload-area[data-v-c494e2a6]{background-color:#2d2d2d;border-color:#555}.upload-content[data-v-c494e2a6]{color:#ccc}.upload-hint[data-v-c494e2a6]{color:#888}.mode-selector[data-v-c494e2a6]{background-color:#2d2d2d;border-color:#555}.mode-label[data-v-c494e2a6],.radio-option[data-v-c494e2a6]{color:#ccc}.canvas-container[data-v-c494e2a6]{background-color:#2d2d2d}.image-canvas[data-v-c494e2a6]{border-color:#555}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.main-container{min-height:100vh;padding:20px}.header{margin-bottom:40px;text-align:center}.header h1{color:#2c3e50;font-size:2.5em;margin-bottom:10px}.header p{color:#666;font-size:1.1em;margin:0 auto;max-width:600px}@media (max-width:768px){.header h1{font-size:2em}.header p{font-size:1em}}@media (prefers-color-scheme:dark){body{background-color:#1a1a1a;color:#e0e0e0}.header h1{color:#fff}.header p{color:#ccc}}
