.sub-panel-component[data-v-02bc2fb7]{flex-shrink:0;position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:#fff}.sub-panel-component .header[data-v-02bc2fb7]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8;padding:8px 0 8px 0}.sub-panel-component .header-title[data-v-02bc2fb7]{font-size:14px;color:#000;cursor:pointer}.sub-panel-component .header-title[data-v-02bc2fb7]:hover{color:#1890ff}.sub-panel-component .header-title .el-icon-arrow-left[data-v-02bc2fb7]{font-size:14px;margin-right:4px}.sub-panel-component .header-reset-button[data-v-02bc2fb7]{align-self:center;background:transparent;border-color:transparent}.sub-panel-component .main-container[data-v-02bc2fb7]{padding:8.5px 0;overflow-y:auto;overflow-x:hidden;flex:1}[data-v-543c0b8f] .style-picker-dialog{background-color:var(--bg-canvas,#fafafa);border:1px solid var(--border-subtle,#e5e5e5);border-radius:var(--radius-lg,14px);box-shadow:var(--shadow-3,0 12px 40px hsla(0,0%,6%,.16));max-width:900px;overflow:hidden;.el-dialog__header{background:var(--bg-surface,#fff);border-bottom:1px solid var(--border-subtle,#e5e5e5);padding:var(--space-4,16px) var(--space-5,20px) var(--space-3,12px)}.el-dialog__title{color:var(--text-primary,#171717);font-weight:var(--weight-semibold,600);letter-spacing:0}.el-dialog__body{padding:0 var(--space-5,20px) var(--space-5,20px);background:var(--bg-canvas,#fafafa)}.el-tabs__active-bar{background-color:var(--color-action-primary,#f5d228);border-radius:var(--radius-full,9999px)}.el-tabs__item{color:var(--text-secondary,#525252);font-weight:var(--weight-medium,500)}.el-tabs__item.is-active,.el-tabs__item:hover{color:var(--brand-900,#3d330a)}}.dialog-content[data-v-543c0b8f]{min-height:400px}.styles-grid-container[data-v-543c0b8f]{max-height:55vh;overflow-y:auto;padding-right:10px}.styles-grid[data-v-543c0b8f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px}.style-tile[data-v-543c0b8f]{cursor:pointer;border:1px solid var(--border-subtle,#e5e5e5);border-radius:var(--radius-md,10px);position:relative;text-align:center;transition:transform var(--dur-fast,.12s) var(--ease-standard,ease),border-color var(--dur-fast,.12s) var(--ease-standard,ease),box-shadow var(--dur-fast,.12s) var(--ease-standard,ease);background-color:var(--color-gray-100,#f2f2f2);margin:6px;line-height:0}.style-tile[data-v-543c0b8f]:hover{border-color:rgba(168,142,14,.28);box-shadow:var(--shadow-2,0 4px 14px hsla(0,0%,6%,.08))}.style-tile.selected[data-v-543c0b8f]{border-color:var(--brand-700,#a88e0e);box-shadow:var(--shadow-glow,0 0 0 4px rgba(245,210,40,.18))}.style-tile .style-image[data-v-543c0b8f]{width:100%;height:120px;display:block;border-radius:6px;overflow:hidden}.style-tile .image-slot[data-v-543c0b8f]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--color-gray-100,#f2f2f2);color:var(--text-muted,#a3a3a3)}.style-name-overlay[data-v-543c0b8f]{position:absolute;bottom:0;left:0;right:0;background-color:hsla(0,0%,9%,.72);color:#fff;padding:8px;box-sizing:border-box;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.style-tile .style-name[data-v-543c0b8f]{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-footer[data-v-543c0b8f]{text-align:right}@media (max-width:768px){[data-v-543c0b8f] .style-picker-dialog{max-width:95%;margin:10px!important}[data-v-543c0b8f] .style-picker-dialog .el-dialog__body{padding:0 10px 15px}[data-v-543c0b8f] .style-picker-dialog .el-dialog__header{padding:15px 15px 10px}[data-v-543c0b8f] .category-tabs .el-tabs__item{padding:0 10px;font-size:14px}.dialog-content[data-v-543c0b8f]{min-height:300px}.styles-grid-container[data-v-543c0b8f]{max-height:60vh;padding-right:5px}.styles-grid[data-v-543c0b8f]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.style-tile[data-v-543c0b8f]{margin:4px}.style-tile .style-image[data-v-543c0b8f]{height:100px}.style-name-overlay[data-v-543c0b8f]{padding:6px}.style-tile .style-name[data-v-543c0b8f]{font-size:9px}}@media (max-width:480px){[data-v-543c0b8f] .style-picker-dialog{max-width:98%;margin:5px!important}[data-v-543c0b8f] .style-picker-dialog .el-dialog__body{padding:0 8px 10px}[data-v-543c0b8f] .category-tabs .el-tabs__item{padding:0 8px;font-size:12px}.styles-grid-container[data-v-543c0b8f]{max-height:65vh}.styles-grid[data-v-543c0b8f]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.style-tile[data-v-543c0b8f]{margin:3px;border-radius:6px}.style-tile .style-image[data-v-543c0b8f]{height:80px;border-radius:4px}.style-name-overlay[data-v-543c0b8f]{padding:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.style-tile .style-name[data-v-543c0b8f]{font-size:8px}}.style-picker-dialog{background-color:var(--bg-canvas,#fafafa)!important;border:1px solid var(--border-subtle,#e5e5e5)!important;border-radius:var(--radius-lg,14px)!important;box-shadow:var(--shadow-3,0 12px 40px hsla(0,0%,6%,.16))!important;max-width:900px;overflow:hidden}.style-picker-dialog .el-dialog__header{background:var(--bg-surface,#fff);border-bottom:1px solid var(--border-subtle,#e5e5e5);padding:var(--space-4,16px) var(--space-5,20px) var(--space-3,12px)}.style-picker-dialog .el-dialog__title{color:var(--text-primary,#171717);font-weight:var(--weight-semibold,600);letter-spacing:0}.style-picker-dialog .el-dialog__body{padding:0 var(--space-5,20px) var(--space-5,20px);background:var(--bg-canvas,#fafafa)}.style-picker-dialog .el-tabs__active-bar{background-color:var(--color-action-primary,#f5d228);border-radius:var(--radius-full,9999px)}.style-picker-dialog .el-tabs__item{color:var(--text-secondary,#525252);font-weight:var(--weight-medium,500)}.style-picker-dialog .el-tabs__item.is-active,.style-picker-dialog .el-tabs__item:hover{color:var(--brand-900,#3d330a)}@media (max-width:768px){.style-picker-dialog{max-width:95%;margin:10px!important}.style-picker-dialog .el-dialog__body{padding:0 10px 15px}}@media (max-width:480px){.style-picker-dialog{max-width:98%;margin:5px!important}.style-picker-dialog .el-dialog__body{padding:0 8px 10px}}.style-item[data-v-879827ba]{display:flex;align-items:flex-start;padding:10px 10px 2px 10px;background-color:#f8f9fa;border-radius:8px;margin-bottom:10px;border:1px solid #dcdfe6}.style-info-outter[data-v-879827ba]{display:flex;align-items:flex-start;flex:1;flex-direction:column}.style-info[data-v-879827ba]{display:flex;align-items:flex-start;flex:1}.style-image[data-v-879827ba]{width:40px;height:40px;border-radius:4px;flex-shrink:0}.image-slot[data-v-879827ba]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#f5f7fa;color:#909399;font-size:20px}.style-details[data-v-879827ba]{margin-left:10px;flex:1}.style-name[data-v-879827ba]{font-size:11px;font-weight:500;color:#303133;margin-bottom:2px}.style-category[data-v-879827ba]{font-size:11px;color:#909399;margin-bottom:8px}.individual-strength-control[data-v-879827ba]{display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}.add-style-button[data-v-879827ba]{width:100%;height:36px;border-style:dashed;margin:0!important}.max-styles-notice[data-v-879827ba]{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#fdf6ec;border:1px solid #fcd34d;border-radius:4px;color:#e6a23c;font-size:12px}.max-styles-notice i[data-v-879827ba]{margin-right:5px}.no-styles-notice[data-v-879827ba]{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#f4f4f5;border:1px solid #d3d4d6;border-radius:4px;color:#909399;font-size:12px;min-height:36px}.no-styles-notice i[data-v-879827ba]{margin-right:5px}[data-v-879827ba] .el-slider__runway{height:4px;background-color:#e4e7ed}[data-v-879827ba] .el-slider__button{width:12px;height:12px;border:2px solid #409eff}[data-v-879827ba] .el-slider__bar{height:4px}.svg-icon[data-v-8e7abe5e]{vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-8e7abe5e]{background-color:currentColor;mask-size:cover!important;display:inline-block}.container[data-v-188fb6e8]{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.tool-container[data-v-188fb6e8]{display:flex;flex-direction:column}.header[data-v-188fb6e8]{text-align:center;padding:24px 0;width:100%}h1[data-v-188fb6e8]{font-size:34px;font-weight:600;margin-bottom:8px;color:#000}.subtitle[data-v-188fb6e8]{font-size:14px;color:#939599;margin:0}.content-wrapper[data-v-188fb6e8]{display:flex;justify-content:center;flex:1;width:100%}.component-container[data-v-188fb6e8]{width:400px;display:flex;flex-direction:column;height:400px}.content[data-v-188fb6e8]{flex:1;display:flex;flex-direction:column;position:relative}.video-content[data-v-188fb6e8]{overflow:hidden;padding:0 16px 16px}.video-content video[data-v-188fb6e8]{height:100%;object-fit:cover;border-radius:8px}.upload-content[data-v-188fb6e8]{padding:0 16px 16px;display:flex;justify-content:center;align-items:center}.upload-area[data-v-188fb6e8]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #e0e0e0;border-radius:8px;padding:24px;transition:all .2s ease}.upload-area.drag-over[data-v-188fb6e8]{border-color:#4086f4;background-color:rgba(64,134,244,.05)}.upload-button[data-v-188fb6e8]{display:flex;align-items:center;justify-content:center;background-color:#4086f4;color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:16px;cursor:pointer;margin-bottom:24px;transition:background-color .2s}.upload-button[data-v-188fb6e8]:hover{background-color:#3a75d8}.supported-formats[data-v-188fb6e8]{font-size:14px;color:#939599;margin-bottom:32px}.drag-hint[data-v-188fb6e8]{font-size:14px;color:#939599;margin-top:10px}.example-section[data-v-188fb6e8]{width:100%;margin-top:16px}.example-title[data-v-188fb6e8]{font-size:14px;color:#939599;text-align:center;margin-bottom:12px}.example-images[data-v-188fb6e8]{display:flex;justify-content:center;gap:12px}.example-image[data-v-188fb6e8]{width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid #e0e0e0}.example-image img[data-v-188fb6e8]{width:100%;height:100%;object-fit:cover}.container[data-v-114b0465]{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.mode-section[data-v-114b0465]{margin-bottom:15px}.clarity-section[data-v-114b0465],.mode-section[data-v-114b0465]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.clarity-section[data-v-114b0465]{margin-bottom:20px}.clarity-section h3[data-v-114b0465]{color:#000;margin-top:10px;margin-bottom:10px;font-size:16px;font-weight:700}.close-button[data-v-114b0465]{position:absolute;top:15px;right:20px;padding:0;border:none;background:none;font-size:20px}.generate-prompt[data-v-fe133968]{position:relative;background-color:#fff;border-radius:8px;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 4px 12px rgba(0,0,0,.15);width:100%;max-width:640px;box-sizing:border-box}@media(max-width:768px){.generate-prompt[data-v-fe133968]{padding:16px;border-radius:6px}}.close-btn[data-v-fe133968]{position:absolute;top:6px;right:6px;border:none;background:transparent;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-fe133968]:hover{color:#333}@media(max-width:768px){.close-btn[data-v-fe133968]{width:32px;height:32px;font-size:32px}}.loading-container[data-v-fe133968]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;margin-bottom:24px}@media(max-width:768px){.loading-container[data-v-fe133968]{min-height:180px;margin-bottom:16px}}.spinner[data-v-fe133968]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#3c82f6;animation:spin-data-v-fe133968 1s linear infinite;margin-bottom:16px}@keyframes spin-data-v-fe133968{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text[data-v-fe133968]{font-size:14px;color:#666}.prompt-list[data-v-fe133968]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;min-height:220px}@media(max-width:768px){.prompt-list[data-v-fe133968]{gap:12px;margin-bottom:16px;min-height:180px}}.prompt-item[data-v-fe133968]{padding:16px;border:1px solid transparent;border-radius:12px;font-size:14px;line-height:1.6;color:#333;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s;background-color:#f7f8fa}.prompt-item.selected[data-v-fe133968]{border-color:#3c82f6;background-color:#fff;box-shadow:0 0 0 1px #3c82f6}@media(max-width:768px){.prompt-item[data-v-fe133968]{padding:12px;border-radius:8px;font-size:13px}}.actions[data-v-fe133968]{display:flex;justify-content:space-between;gap:12px}@media(max-width:480px){.actions[data-v-fe133968]{flex-direction:column;gap:8px}}.btn[data-v-fe133968]{flex-grow:1;padding:10px;border-radius:8px;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.btn[data-v-fe133968]:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.btn[data-v-fe133968]{padding:12px;font-size:14px;min-height:44px}}.regenerate-btn[data-v-fe133968]{background-color:#f0f0f0;color:#333}.regenerate-btn[data-v-fe133968]:hover:not(:disabled){background-color:#e0e0e0}.use-btn[data-v-fe133968]{background-color:#3c82f6;color:#fff}.use-btn[data-v-fe133968]:hover:not(:disabled){background-color:#2575f5}.template-picker-button[data-v-0cd8a044]{display:flex;align-items:center;padding:10px;background-color:#f8f9fa;border-radius:8px;cursor:pointer;border:1px solid #dcdfe6;transition:box-shadow .3s}.template-picker-button[data-v-0cd8a044]:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.template-image[data-v-0cd8a044]{width:60px;height:60px;border-radius:4px;flex-shrink:0}.template-info[data-v-0cd8a044]{font-size:12px;flex-grow:1;text-align:left;min-width:0;overflow:hidden}.template-name[data-v-0cd8a044]{font-size:14px;font-weight:700;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.template-type[data-v-0cd8a044]{font-size:12px;color:#606266;margin-top:4px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-count-wrapper[data-v-0cd8a044]{flex-shrink:0}.template-count[data-v-0cd8a044]{font-size:12px;color:#595959;background-color:#e4e4e4;padding:6px 8px;border-radius:8px;white-space:nowrap}.ai-container[data-v-9df48d0a]{display:flex;flex-direction:column;position:relative;margin-bottom:var(--space-3,12px);color:var(--text-primary,#171717)}.ai-control[data-v-9df48d0a]{overflow-x:hidden;overflow-y:auto;padding:var(--space-3,12px) var(--space-3,12px) var(--space-2,8px);scrollbar-gutter:stable}.ai-control[data-v-9df48d0a]::-webkit-scrollbar{width:8px;height:8px}.ai-control[data-v-9df48d0a]::-webkit-scrollbar-track{background:transparent}.ai-control[data-v-9df48d0a]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,rgba(102,112,133,.32));border-radius:var(--radius-full,9999px);border:2px solid transparent;background-clip:padding-box}.ai-control[data-v-9df48d0a]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,rgba(71,85,105,.5));background-clip:padding-box;border:2px solid transparent}.ai-control-section[data-v-9df48d0a]{display:flex;flex-direction:column;margin-bottom:var(--space-4,16px)}.ai-control-zone[data-v-9df48d0a]{display:flex;flex-direction:column;margin-bottom:var(--space-3,12px);padding:10px;background:var(--bg-muted,#f7f8fa);border:1px solid var(--border-subtle,#e5e7eb);border-radius:var(--radius-md,10px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7)}.ai-control-zone--flush[data-v-9df48d0a]{margin-bottom:0}.ai-control-zone--action[data-v-9df48d0a]{background:transparent;border:0;box-shadow:none;padding:0}.ai-control-zone__header[data-v-9df48d0a]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ai-control-zone__name[data-v-9df48d0a]{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ai-control-zone__hint[data-v-9df48d0a],.ai-control-zone__name[data-v-9df48d0a]{font-size:11px;color:var(--text-muted,#98a2b3)}.ai-control-zone__body[data-v-9df48d0a]{display:flex;flex-direction:column;gap:8px;min-width:0}.ai-control-zone .ai-control-section[data-v-9df48d0a]{margin-bottom:0}.ai-control-zone .ai-control-section+.ai-control-section[data-v-9df48d0a],.ai-control-zone .ai-control-section+.item-picker-button[data-v-9df48d0a],.ai-control-zone .item-picker-button+.ai-control-section[data-v-9df48d0a]{margin-top:0}.ai-control-section .title[data-v-9df48d0a]{color:var(--text-primary,#171717);font-size:var(--text-sm,13px);margin-bottom:var(--space-2,8px);text-align:left;font-weight:var(--weight-semibold,600);line-height:var(--leading-tight,1.25);letter-spacing:.01em}.ai-control-section .title b[data-v-9df48d0a]{font-weight:var(--weight-semibold,600)}.switch-control[data-v-9df48d0a]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2,8px) 0;margin-left:var(--space-1,4px)}.switch-control .switch-label[data-v-9df48d0a]{font-size:var(--text-sm,13px);font-weight:400;color:var(--text-primary,#171717)}.switch-control[data-v-9df48d0a] .el-switch__core{border-color:var(--border-strong,#d4d4d4);background:var(--color-gray-300,#d4d4d4)}.switch-control[data-v-9df48d0a] .el-switch.is-checked .el-switch__core{border-color:var(--color-action-primary,#2354f4);background:var(--color-action-primary,#2354f4)}.switch-control[data-v-9df48d0a] .el-switch__label{color:var(--text-secondary,#525252);font-size:var(--text-xs,12px)}.switch-control[data-v-9df48d0a] .el-switch__label.is-active{color:var(--brand-900,#142c70)}[data-v-9df48d0a] .generate-prompt-dialog-wrapper{background-color:var(--bg-canvas,#fafafa);border:1px solid var(--border-subtle,#e5e5e5);border-radius:var(--radius-lg,14px);box-shadow:var(--shadow-3,0 12px 40px hsla(0,0%,6%,.16));overflow:hidden}[data-v-9df48d0a] .generate-prompt-dialog-wrapper .el-dialog__header{display:none}[data-v-9df48d0a] .generate-prompt-dialog-wrapper .el-dialog__body{padding:0;background:transparent}.prompt-description[data-v-9df48d0a]{font-size:12px;color:var(--text-muted,#a3a3a3);margin-top:5px}.word-list[data-v-9df48d0a]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;margin-top:15px}.word-list .btn[data-v-9df48d0a]{margin:2px 0}.group-item[data-v-9df48d0a]{margin-top:20px}.group-item .group-item-body[data-v-9df48d0a]{margin-top:15px;width:100%}.seed[data-v-9df48d0a]{margin-top:20px;width:100%}.size[data-v-9df48d0a]{margin:20px 0 20px 0;display:flex;align-items:center;justify-content:space-between}.size .size-editor[data-v-9df48d0a]{margin-top:15px;width:100%}.template-picker-dialog .el-dialog__header{border-bottom:1px solid #ebeef5;padding:20px 20px 10px}.template-picker-dialog .el-dialog__title{font-size:18px;color:#303133}.template-picker-dialog .el-dialog__body{padding:0}.dialog-content{overflow:hidden}.tab-content{height:100%;display:flex;flex-direction:column;padding:20px}.search-section{display:flex;gap:12px;margin-bottom:20px;flex-shrink:0}.search-input{flex:1}.type-selector{width:120px}.templates-grid-container{flex:1;overflow-y:auto;padding-right:10px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;min-height:200px}.template-tile{cursor:pointer;border:2px solid transparent;border-radius:8px;position:relative;text-align:center;transition:transform .2s,border-color .2s;background-color:#f5f7fa;margin:6px;line-height:0}.template-tile:hover{border:2px solid #409eff;box-shadow:0 0 5px rgba(0,0,0,.2)}.template-tile.selected{border:2px solid #409eff;box-shadow:0 0 5px rgba(64,158,255,.8)}.template-tile .template-image{width:100%;height:150px;display:block;border-radius:6px;overflow:hidden}.template-tile .image-slot{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#f5f7fa;color:#909399}.template-name-overlay{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);color:#fff;padding:8px;box-sizing:border-box;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.template-tile .template-name{font-size:12px;font-weight:700;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-height:2.4em;display:block}.template-tile .template-type{font-size:10px;opacity:.8;margin-top:4px;display:block}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#909399}.empty-state i{font-size:48px;margin-bottom:16px}.empty-state p{font-size:16px;margin:0}.pagination-container{display:flex;justify-content:center;margin-top:20px;flex-shrink:0}.dialog-footer{text-align:right}.template-picker-dialog .el-tabs__header{margin:0;padding:0 20px;background:#fafafa}.template-picker-dialog .el-tabs__content{height:calc(100% - 55px)}.template-picker-dialog .el-tab-pane{height:100%}.dark .template-picker-dialog{background-color:#1a1a1a}.dark .template-picker-dialog .el-dialog__header{border-bottom-color:#555}.dark .template-picker-dialog .el-tabs__header{background:#2a2a2a}.dark .template-tile{background-color:#2a2a2a}.dark .empty-state{color:#ccc}.generate-prompt-dialog-wrapper{background-color:var(--bg-canvas,#fafafa)!important;border:1px solid var(--border-subtle,#e5e5e5)!important;border-radius:var(--radius-lg,14px)!important;box-shadow:var(--shadow-3,0 12px 40px hsla(0,0%,6%,.16))!important;overflow:hidden}.generate-prompt-dialog-wrapper .el-dialog__header{display:none}.generate-prompt-dialog-wrapper .el-dialog__body{padding:0;background:transparent}.template-details[data-v-589069e2]{display:flex;border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-sans);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-1);gap:0}.preview-container[data-v-589069e2]{flex:1 1 auto;background:var(--bg-canvas);display:flex;justify-content:center;align-items:center;padding:var(--space-6);min-height:300px;position:relative;overflow:hidden}.preview-container[data-v-589069e2]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-link) 4%,transparent) 100%);pointer-events:none}.preview-wrapper[data-v-589069e2]{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-1)}.preview-image[data-v-589069e2]{max-width:100%;max-height:500px;object-fit:contain;display:block}.right-container[data-v-589069e2]{width:320px;padding:var(--space-6);display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-surface);flex-shrink:0;box-sizing:border-box}.info-container[data-v-589069e2]{flex:1}.template-header[data-v-589069e2]{margin-bottom:var(--space-4)}.template-title[data-v-589069e2]{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight);word-break:break-word}.free-badge[data-v-589069e2]{display:inline-flex;align-items:center;padding:2px var(--space-2);background:color-mix(in srgb,var(--state-success) 10%,var(--bg-surface));color:var(--state-success);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--state-success) 22%,transparent)}.info-list[data-v-589069e2]{display:flex;flex-direction:column;border-top:1px solid var(--border-subtle)}.info-row[data-v-589069e2]{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--border-subtle);gap:var(--space-4)}.info-label[data-v-589069e2]{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.info-value[data-v-589069e2]{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--weight-semibold);text-align:right}.info-value.is-success[data-v-589069e2]{color:var(--state-success)}.info-value.is-mono[data-v-589069e2]{font-family:var(--font-mono);color:var(--color-link)}.edit-button[data-v-589069e2]{position:relative;width:100%;background:var(--color-action-primary);color:var(--text-on-brand);border:none;border-radius:var(--radius-md);padding:14px var(--space-5);font-size:var(--text-md);font-weight:var(--weight-semibold);cursor:pointer;margin-top:var(--space-5);transition:background-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);box-shadow:var(--shadow-1)}.button-content[data-v-589069e2]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;z-index:1}.edit-button[data-v-589069e2]:hover{background:var(--color-action-primary-hover);box-shadow:var(--shadow-2)}.edit-button[data-v-589069e2]:active{background:var(--color-action-primary-active)}@media screen and (max-width:900px){.template-details[data-v-589069e2]{flex-direction:column;height:auto}.preview-container[data-v-589069e2]{min-height:200px;max-height:40vh;padding:var(--space-5);flex:0 0 auto}.preview-image[data-v-589069e2]{max-height:35vh}.right-container[data-v-589069e2]{width:100%;padding:var(--space-6);flex:1 1 auto}}@media screen and (max-width:768px){.template-details[data-v-589069e2]{flex-direction:column;border-radius:0;border-left:0;border-right:0;min-height:100%}.preview-container[data-v-589069e2]{min-height:180px;max-height:35vh;padding:var(--space-4);flex:0 0 auto}.preview-wrapper[data-v-589069e2]{max-width:100%}.preview-image[data-v-589069e2]{max-height:30vh;max-width:100%}.right-container[data-v-589069e2]{width:100%;padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));flex:1 1 auto;overflow-y:auto}.template-header[data-v-589069e2]{margin-bottom:var(--space-4)}.template-title[data-v-589069e2]{font-size:var(--text-lg)}.free-badge[data-v-589069e2]{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.info-row[data-v-589069e2]{padding:var(--space-3);gap:var(--space-3)}.info-label[data-v-589069e2],.info-value[data-v-589069e2]{font-size:var(--text-base)}.edit-button[data-v-589069e2]{padding:14px var(--space-5);font-size:var(--text-base);border-radius:var(--radius-md);margin-top:var(--space-4);position:sticky;bottom:0}.edit-button[data-v-589069e2]:hover{transform:none}}@media screen and (max-width:480px){.preview-container[data-v-589069e2]{min-height:150px;max-height:30vh;padding:var(--space-3)}.preview-image[data-v-589069e2]{max-height:25vh}.right-container[data-v-589069e2]{padding:var(--space-4) var(--space-3);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.template-title[data-v-589069e2]{font-size:var(--text-md)}.info-row[data-v-589069e2]{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.info-label[data-v-589069e2],.info-value[data-v-589069e2]{font-size:var(--text-sm)}.edit-button[data-v-589069e2]{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}}@media (prefers-reduced-motion:reduce){.edit-button[data-v-589069e2]{transition:none}.edit-button[data-v-589069e2]:hover{box-shadow:var(--shadow-1)}}[data-v-ed5cbd72] .dialog{min-width:320px}[data-v-ed5cbd72] .dialog .el-dialog{margin:5vh auto 0 auto!important;max-height:90vh;display:flex;flex-direction:column;border-radius:16px;overflow:hidden}[data-v-ed5cbd72] .dialog .el-dialog__header{padding:16px 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}[data-v-ed5cbd72] .dialog .el-dialog__body{padding:0;overflow-y:auto;flex:1}[data-v-ed5cbd72] .dialog .el-dialog__title{font-weight:600;font-size:18px;color:#1e293b}[data-v-ed5cbd72] .dialog .el-dialog__headerbtn{top:16px;right:16px}[data-v-ed5cbd72] .dialog .el-dialog__headerbtn .el-dialog__close{font-size:20px;color:#64748b}[data-v-ed5cbd72] .dialog .el-dialog__headerbtn .el-dialog__close:hover{color:#1e293b}@media screen and (min-width:768px)and (max-width:1023px){[data-v-ed5cbd72] .dialog .el-dialog{margin:5vh auto 0 auto!important}}@media screen and (min-width:1024px){[data-v-ed5cbd72] .dialog{min-width:900px}[data-v-ed5cbd72] .dialog .el-dialog{margin:10vh auto 0 auto!important}}[data-v-ed5cbd72] .dialog--mobile .el-dialog{margin:0!important;border-radius:0;max-height:100vh;height:100vh}[data-v-ed5cbd72] .dialog--mobile .el-dialog__header{position:sticky;top:0;background:#fff;z-index:10;padding:12px 16px}[data-v-ed5cbd72] .dialog--mobile .el-dialog__body{padding:0;padding-bottom:env(safe-area-inset-bottom)}[data-v-ed5cbd72] .dialog--mobile .el-dialog__title{font-size:16px}[data-v-ed5cbd72] .dialog--mobile .el-dialog__headerbtn{top:12px;right:12px}