.image-mosaic-container[data-v-6f6fac60]{max-width:1200px;margin:0 auto;padding:20px}.error-message[data-v-6f6fac60]{display:flex;align-items:center;justify-content:space-between;gap:12px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;padding:12px 16px;margin-bottom:16px;transition:opacity .3s ease}.error-close-btn[data-v-6f6fac60]{flex-shrink:0;background:transparent;border:none;color:inherit;font-size:20px;line-height:1;padding:0 4px;cursor:pointer}.error-close-btn[data-v-6f6fac60]:hover{opacity:.7}.error-close-btn[data-v-6f6fac60]:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:3px}.upload-area[data-v-6f6fac60]{position:relative;border:2px dashed #ccc;border-radius:10px;padding:40px;text-align:center;transition:border-color .3s ease}.upload-area[data-v-6f6fac60]:hover{border-color:#007bff}.upload-area.drag-over[data-v-6f6fac60]{border-color:#007bff;background-color:#007bff1a}.file-input[data-v-6f6fac60],.sr-only[data-v-6f6fac60]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.upload-label[data-v-6f6fac60]{cursor:pointer;display:block;width:100%;height:100%}.upload-area:focus-within .upload-label[data-v-6f6fac60]{outline:3px solid #007bff;outline-offset:2px;border-radius:4px}.upload-content[data-v-6f6fac60]{color:#666}.upload-icon[data-v-6f6fac60]{width:48px;height:48px;margin:0 auto 16px;color:#007bff}.upload-hint[data-v-6f6fac60]{font-size:14px;color:#767676;margin-top:8px}.image-editor[data-v-6f6fac60]{margin-top:20px}.editor-controls[data-v-6f6fac60]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.btn[data-v-6f6fac60]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.btn-primary[data-v-6f6fac60]{background-color:#007bff;color:#fff}.btn-primary[data-v-6f6fac60]:hover:not(:disabled){background-color:#0056b3}.btn-primary[data-v-6f6fac60]:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary[data-v-6f6fac60]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-6f6fac60]:hover{background-color:#545b62}.btn-success[data-v-6f6fac60]{background-color:#1e7e34;color:#fff}.btn-success[data-v-6f6fac60]:hover:not(:disabled){background-color:#196b2c}.btn-success[data-v-6f6fac60]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.btn-info[data-v-6f6fac60]{background-color:#128193;color:#fff}.btn-info[data-v-6f6fac60]:hover:not(:disabled){background-color:#0e6978}.btn-info[data-v-6f6fac60]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.btn-warning[data-v-6f6fac60]{background-color:#ffc107;color:#212529}.btn-warning[data-v-6f6fac60]:hover:not(:disabled){background-color:#e0a800}.btn-warning[data-v-6f6fac60]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.mode-selector[data-v-6f6fac60]{min-width:0;margin:0 0 20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.mode-label[data-v-6f6fac60]{padding:0;border:none;display:block;font-weight:700;margin-bottom:10px;color:#495057}.radio-group[data-v-6f6fac60]{display:flex;gap:20px}.radio-option[data-v-6f6fac60]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#495057}.radio-option input[type=radio][data-v-6f6fac60]{margin:0;cursor:pointer}.radio-option span[data-v-6f6fac60]{cursor:pointer}.canvas-container[data-v-6f6fac60]{display:flex;justify-content:center;background-color:#f8f9fa;border-radius:10px;padding:20px;overflow:auto}.canvas-stack[data-v-6f6fac60]{position:relative;display:inline-block;line-height:0;border:1px solid #ddd;border-radius:5px;overflow:hidden}.image-canvas[data-v-6f6fac60]{display:block;max-width:100%;height:auto;cursor:crosshair;touch-action:none}.image-canvas[data-v-6f6fac60]:focus-visible{outline:3px solid #007bff;outline-offset:-3px}.selection-overlay[data-v-6f6fac60]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@media(max-width:768px){.image-mosaic-container[data-v-6f6fac60]{padding:10px}.upload-area[data-v-6f6fac60]{padding:20px}.upload-icon[data-v-6f6fac60]{width:32px;height:32px}.editor-controls[data-v-6f6fac60]{justify-content:center}.btn[data-v-6f6fac60]{padding:8px 16px;font-size:12px}.canvas-container[data-v-6f6fac60]{padding:10px}}@media(prefers-color-scheme:dark){.error-message[data-v-6f6fac60]{background-color:#4a1c1c;color:#f5c6cb;border-color:#6b2c2c}.upload-area[data-v-6f6fac60]{border-color:#555;background-color:#2d2d2d}.upload-content[data-v-6f6fac60]{color:#ccc}.upload-hint[data-v-6f6fac60]{color:#a8a8a8}.mode-selector[data-v-6f6fac60]{background-color:#2d2d2d;border-color:#555}.mode-label[data-v-6f6fac60],.radio-option[data-v-6f6fac60]{color:#ccc}.canvas-container[data-v-6f6fac60]{background-color:#2d2d2d}.canvas-stack[data-v-6f6fac60]{border-color:#555}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.main-container{min-height:100vh;padding:20px}.header{text-align:center;margin-bottom:40px}.header h1{font-size:2.5em;margin-bottom:10px;color:#2c3e50}.header p{font-size:1.1em;color:#666;max-width:600px;margin:0 auto}@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}}