.ui-style-selector[data-v-67114fe9]{padding:0}.search-area[data-v-67114fe9]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding:16px 20px;background:#f5f5f5;border-radius:8px}.template-count[data-v-67114fe9]{font-size:14px;color:#666}.style-grid[data-v-67114fe9]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(400px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;max-height:600px;overflow-y:auto;padding:0 4px}.style-card[data-v-67114fe9]{border:2px solid #e8e8e8;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.style-card[data-v-67114fe9]:hover{border-color:#1890ff;box-shadow:0 8px 24px rgba(24,144,255,.15);transform:translateY(-2px)}.style-card.selected[data-v-67114fe9]{border-color:#52c41a;background:#f6ffed;box-shadow:0 8px 24px rgba(82,196,26,.2)}.card-header[data-v-67114fe9]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.template-name[data-v-67114fe9]{margin:0;font-size:16px;font-weight:600;color:#262626;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-badge[data-v-67114fe9]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px;color:#52c41a;font-size:14px;font-weight:500;-ms-flex-negative:0;flex-shrink:0}.image-carousel[data-v-67114fe9]{position:relative;height:250px;overflow:hidden;background:#f5f5f5}.carousel-container[data-v-67114fe9]{position:relative;width:100%;height:100%}.carousel-track[data-v-67114fe9]{display:-ms-flexbox;display:flex;width:100%;height:100%;transition:transform .3s ease}.carousel-slide[data-v-67114fe9]{min-width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.carousel-image[data-v-67114fe9]{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.carousel-controls[data-v-67114fe9]{position:absolute;top:50%;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:0 12px;pointer-events:none}.carousel-btn[data-v-67114fe9]{width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:all .2s;pointer-events:all}.carousel-btn[data-v-67114fe9]:hover{background:rgba(0,0,0,.7);transform:scale(1.1)}.carousel-btn[data-v-67114fe9]:disabled{background:rgba(0,0,0,.2);cursor:not-allowed;transform:none}.carousel-indicators[data-v-67114fe9]{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:-ms-flexbox;display:flex;gap:8px}.indicator[data-v-67114fe9]{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s}.indicator.active[data-v-67114fe9]{background:#1890ff;transform:scale(1.2)}.no-image-placeholder[data-v-67114fe9]{height:250px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#999;background:#f5f5f5;gap:12px}.template-description[data-v-67114fe9]{padding:16px 20px;font-size:14px;color:#666;line-height:1.5;border-bottom:1px solid #f0f0f0;min-height:56px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.card-footer[data-v-67114fe9]{padding:12px 20px;-ms-flex-pack:justify;justify-content:space-between;background:#fafafa;font-size:13px;color:#999}.card-footer[data-v-67114fe9],.image-count[data-v-67114fe9]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.image-count[data-v-67114fe9]{gap:6px}.template-time[data-v-67114fe9]{font-size:12px}.empty-state[data-v-67114fe9]{text-align:center;padding:60px 20px}.modal-footer[data-v-67114fe9]{-ms-flex-pack:justify;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.modal-footer[data-v-67114fe9],.selected-info[data-v-67114fe9]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.selected-info[data-v-67114fe9]{gap:8px;font-size:14px;color:#52c41a;font-weight:500}.footer-buttons[data-v-67114fe9]{display:-ms-flexbox;display:flex;gap:8px}.footer-buttons .ant-btn[data-v-67114fe9]{border-radius:4px;height:32px;padding:0 16px;font-weight:500}.footer-buttons .ant-btn.ant-btn-default[data-v-67114fe9]{border-color:#d9d9d9;color:#666}.footer-buttons .ant-btn.ant-btn-default[data-v-67114fe9]:hover{border-color:#40a9ff;color:#40a9ff}.footer-buttons .ant-btn.ant-btn-default[data-v-67114fe9]:disabled{border-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.style-grid[data-v-67114fe9]::-webkit-scrollbar{width:6px}.style-grid[data-v-67114fe9]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.style-grid[data-v-67114fe9]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.style-grid[data-v-67114fe9]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1200px){.style-grid[data-v-67114fe9]{-ms-grid-columns:(minmax(350px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.style-grid[data-v-67114fe9]{-ms-grid-columns:1fr;grid-template-columns:1fr}.modal-footer[data-v-67114fe9],.search-area[data-v-67114fe9]{-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-align:stretch;align-items:stretch}.footer-buttons[data-v-67114fe9]{-ms-flex-pack:center;justify-content:center}}.ui-style-selector-modal .ant-modal-body{padding:20px}.ui-style-selector-modal .ant-modal-header{border-bottom:1px solid #f0f0f0}.ui-style-selector-modal .ant-modal-title{font-size:18px;font-weight:600}.fullscreen-image-modal{left:0}.fullscreen-image-modal,.fullscreen-image-modal .ant-modal{top:0;width:100vw!important;height:100vh!important;max-width:none!important}.fullscreen-image-modal .ant-modal{margin:0}.fullscreen-image-modal .ant-modal-content{height:100vh;border-radius:0}.fullscreen-container{position:relative;width:100%;height:100vh;background:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.fullscreen-toolbar{position:absolute;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);padding:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.template-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px}.template-info .template-name{color:#fff;font-size:18px;font-weight:600}.template-info .image-counter{color:hsla(0,0%,100%,.8);font-size:14px}.toolbar-actions{-ms-flex-align:center;gap:12px}.fullscreen-image-container,.toolbar-actions{display:-ms-flexbox;display:flex;align-items:center}.fullscreen-image-container{-ms-flex:1;flex:1;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;padding:80px 20px 60px}.fullscreen-image{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 32px rgba(0,0,0,.5);border-radius:8px}.fullscreen-controls{position:absolute;top:50%;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;pointer-events:none;transform:translateY(-50%)}.fullscreen-nav-btn{width:60px;height:60px;border-radius:50%;border:none;background:hsla(0,0%,100%,.9);color:#333;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:all .3s;pointer-events:all;font-size:20px;box-shadow:0 4px 16px rgba(0,0,0,.2)}.fullscreen-nav-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 24px rgba(0,0,0,.3)}.fullscreen-nav-btn:disabled{background:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.5);cursor:not-allowed;transform:none;box-shadow:none}.fullscreen-indicators{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:-ms-flexbox;display:flex;gap:12px;z-index:1000}.fullscreen-indicator{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.4);cursor:pointer;transition:all .3s;border:2px solid transparent}.fullscreen-indicator:hover{background:hsla(0,0%,100%,.6);transform:scale(1.2)}.fullscreen-indicator.active{background:#1890ff;border-color:rgba(24,144,255,.3);transform:scale(1.3)}@media (max-width:768px){.fullscreen-toolbar{padding:15px}.template-info .template-name{font-size:16px}.fullscreen-image-container{padding:60px 10px 40px}.fullscreen-nav-btn{width:50px;height:50px;font-size:18px}.fullscreen-controls{padding:0 10px}.fullscreen-indicators{bottom:20px}.fullscreen-indicator{width:10px;height:10px}}