.status[data-v-ae17310e]{color:#f5222d}.mosaic-container[data-v-648fa0dd]{width:100%;height:100%;position:relative}.mosaic-wrapper[data-v-648fa0dd]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.control-panel[data-v-648fa0dd]{width:100%;background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);padding:16px 24px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;position:sticky;top:0;z-index:100;border-radius:4px;margin-bottom:20px}.control-group[data-v-648fa0dd],.control-panel[data-v-648fa0dd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-group[data-v-648fa0dd]{gap:8px}.control-label[data-v-648fa0dd]{font-size:14px;color:#333;white-space:nowrap}.control-btn[data-v-648fa0dd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.save-btn[data-v-648fa0dd]{background-color:#1890ff;border-color:#1890ff}.divider[data-v-648fa0dd]{height:24px;background-color:#e8e8e8}.brush-size-selector[data-v-648fa0dd]{margin-right:8px}.canvas-scale-input[data-v-648fa0dd]{width:80px}.unit-label[data-v-648fa0dd]{margin-left:4px;color:#666}.rotation-buttons[data-v-648fa0dd]{margin:0 8px}.rotation-value[data-v-648fa0dd]{min-width:40px;text-align:center;font-weight:500;color:#1890ff}.content-area[data-v-648fa0dd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:20px;overflow:hidden}.preview-panel[data-v-648fa0dd]{width:180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.preview-item[data-v-648fa0dd]{background:#f5f5f5;border-radius:4px;padding:12px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.preview-title[data-v-648fa0dd]{font-size:14px;font-weight:500;margin-bottom:10px;color:#333}.preview-image[data-v-648fa0dd]{width:100%;height:auto;border-radius:4px;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.preview-image[data-v-648fa0dd]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.canvas-panel[data-v-648fa0dd]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f0f0f0;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.canvas-wrapper[data-v-648fa0dd]{width:100%;height:100%;overflow:auto;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left}.mosaic-canvas[data-v-648fa0dd]{-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);background:#fff;border:1px solid #ddd;display:inline-block}@media (max-width:992px){.content-area[data-v-648fa0dd]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.preview-panel[data-v-648fa0dd]{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.control-panel[data-v-648fa0dd]{padding:12px 16px;gap:12px}.control-group[data-v-648fa0dd]{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width:768px){.preview-panel[data-v-648fa0dd]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-panel[data-v-648fa0dd]{position:static}.divider[data-v-648fa0dd]{display:none}}