.mosaic-editor[data-v-1fc5096d]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;color:#333}.header[data-v-1fc5096d]{background-color:#fff;padding:16px 20px;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.header h1[data-v-1fc5096d]{font-size:20px;font-weight:600;margin:0 0 16px;color:#333;text-align:center}.controls[data-v-1fc5096d]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn[data-v-1fc5096d]{padding:12px 20px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s;min-width:100px}.btn[data-v-1fc5096d]:active{transform:translateY(1px)}.btn[data-v-1fc5096d]:disabled{opacity:.5;cursor:not-allowed}.btn-upload[data-v-1fc5096d]{background-color:#007bff;color:#fff}.btn-upload[data-v-1fc5096d]:hover:not(:disabled){background-color:#0056b3}.btn-mode[data-v-1fc5096d]{background-color:#6c757d;color:#fff}.btn-mode.active[data-v-1fc5096d]{background-color:#28a745}.btn-mode[data-v-1fc5096d]:hover:not(:disabled){background-color:#545b62}.btn-mode.active[data-v-1fc5096d]:hover:not(:disabled){background-color:#1e7e34}.btn-clear[data-v-1fc5096d]{background-color:#dc3545;color:#fff}.btn-clear[data-v-1fc5096d]:hover:not(:disabled){background-color:#bd2130}.btn-save[data-v-1fc5096d]{background-color:#17a2b8;color:#fff}.btn-save[data-v-1fc5096d]:hover:not(:disabled){background-color:#138496}.instructions[data-v-1fc5096d]{text-align:center;margin-top:12px;font-size:14px;color:#666}.main-content[data-v-1fc5096d]{flex:1;padding:20px;overflow:auto;display:flex;justify-content:center;align-items:center}.image-container[data-v-1fc5096d]{position:relative;width:100%;max-width:800px;height:100%;max-height:600px;border:1px solid #ddd;border-radius:4px;background-color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-wrapper[data-v-1fc5096d]{position:relative}.placeholder[data-v-1fc5096d]{text-align:center;color:#999;font-size:18px}.loading[data-v-1fc5096d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffffffe6;padding:20px 40px;border-radius:8px;font-size:18px;color:#333}.status-bar[data-v-1fc5096d]{background-color:#fff;padding:12px 20px;border-top:1px solid #e0e0e0;font-size:14px;color:#666}.status-info[data-v-1fc5096d]{text-align:center}@media(max-width:768px){.header h1[data-v-1fc5096d]{font-size:18px;margin-bottom:12px}.controls[data-v-1fc5096d]{gap:8px}.btn[data-v-1fc5096d]{padding:10px 16px;font-size:14px;min-width:80px}.main-content[data-v-1fc5096d]{padding:10px}.image-container[data-v-1fc5096d]{max-height:500px}}@media(max-width:480px){.header[data-v-1fc5096d]{padding:12px 16px}.header h1[data-v-1fc5096d]{font-size:16px}.controls[data-v-1fc5096d]{flex-direction:column;align-items:center}.btn[data-v-1fc5096d]{width:100%;max-width:200px}.instructions[data-v-1fc5096d]{font-size:12px}.status-bar[data-v-1fc5096d]{font-size:12px;padding:8px 16px}}