.mockup-tool-widget[data-v-44cdc4a4]{width:100%}.function-section[data-v-44cdc4a4]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:30px 2rem 2rem;gap:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.result-panel[data-v-44cdc4a4]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:600px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.canvas-container[data-v-44cdc4a4]{width:100%}canvas[data-v-44cdc4a4]{width:100%;height:auto}.info-panel[data-v-44cdc4a4]{margin-top:1.5rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:6px;font-size:.8rem;line-height:1.4}.info-tags[data-v-44cdc4a4]{margin-bottom:.75rem;line-height:1.6}.tag[data-v-44cdc4a4]{color:#495057;font-weight:500}.tag-separator[data-v-44cdc4a4]{color:#6c757d;margin:0 .3rem}.info-description[data-v-44cdc4a4]{color:#6c757d;margin-bottom:.75rem;font-style:italic}.info-template[data-v-44cdc4a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.template-item[data-v-44cdc4a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.template-label[data-v-44cdc4a4]{color:#495057;font-weight:500}.template-value[data-v-44cdc4a4]{color:#6c757d;font-family:monospace}.control-panel[data-v-44cdc4a4]{width:380px;-ms-flex-negative:0;flex-shrink:0;border:1px solid hsla(0,0%,75.3%,.3);border-radius:6px;background:#fff;padding:1.5rem}.panel-header[data-v-44cdc4a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e4e7ed}.panel-title[data-v-44cdc4a4]{font-size:1.1rem;font-weight:600;color:#303133}.control-group[data-v-44cdc4a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.format-selector[data-v-44cdc4a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upgrade-btn[data-v-44cdc4a4]{width:100%;font-weight:700;background-color:#e6a23c;border-color:#e6a23c}.upgrade-btn[data-v-44cdc4a4]:hover{background-color:#cf9236;border-color:#cf9236}.control-item[data-v-44cdc4a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.control-item .label[data-v-44cdc4a4]{font-weight:500;color:#606266}.image-control[data-v-44cdc4a4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:1.5rem}.image-control .image-size[data-v-44cdc4a4]{font-size:.8rem;color:#909399;margin-bottom:.75rem}.upload-action-btn[data-v-44cdc4a4]{width:100%;background-color:#f56c6c!important;border-color:#f56c6c!important}.upload-action-btn[data-v-44cdc4a4]:hover{background-color:#f78989!important;border-color:#f78989!important}@media (max-width:768px){.function-section[data-v-44cdc4a4]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;padding:20px 1rem 1.5rem}.control-panel[data-v-44cdc4a4],.result-panel[data-v-44cdc4a4]{width:100%;max-width:100%}}