@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css);@import url(https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css);.comic-editor-wrapper[data-v-dae4dc36]{display:flex;flex-direction:column}.comic-title[data-v-dae4dc36]{font-size:24px;font-weight:700;color:#333;border:none;background:transparent;outline:none;width:auto}.comic-editor-container[data-v-dae4dc36]{display:flex;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f2f5;padding:16px;box-sizing:border-box}.comic-display-area[data-v-dae4dc36]{flex:1;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;min-width:0}.no-text-selector[data-v-dae4dc36]{display:flex;align-items:center;gap:12px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.comic-header[data-v-dae4dc36]{padding:12px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.comic-title[data-v-dae4dc36]{font-weight:600;color:#1d3557;font-size:1.1rem}.zoom-controls[data-v-dae4dc36]{display:flex;gap:8px}.zoom-btn[data-v-dae4dc36]{width:32px;height:32px;border-radius:50%;background-color:#f8f9fa;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.zoom-btn[data-v-dae4dc36]:hover{background-color:#e9ecef}.comic-image-container[data-v-dae4dc36]{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;background-color:#f8f9fa;background-image:linear-gradient(#eee 1px,transparent 0),linear-gradient(90deg,#eee 1px,transparent 0);background-size:20px 20px}#comic-canvas[data-v-dae4dc36],.control-panel[data-v-dae4dc36]{box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:#fff}.control-panel[data-v-dae4dc36]{width:320px;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;margin-left:16px}.panel-tabs[data-v-dae4dc36]{display:flex;background-color:#f8f9fa;border-bottom:1px solid #eee}.tab-btn[data-v-dae4dc36]{flex:1;padding:12px;text-align:center;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;font-size:.9rem}.tab-btn.active[data-v-dae4dc36]{border-bottom:3px solid #4361ee;color:#4361ee;background-color:rgba(67,97,238,.05)}.tab-btn[data-v-dae4dc36]:hover{background-color:rgba(67,97,238,.1)}.panel-content[data-v-dae4dc36]{flex:1;overflow-y:auto;padding:16px}.control-group[data-v-dae4dc36]{margin-bottom:12px}.control-label[data-v-dae4dc36]{display:block;margin-bottom:4px;font-size:.85rem;color:#555}.select-input[data-v-dae4dc36]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.color-input-group[data-v-dae4dc36]{display:flex;align-items:center;gap:8px}.color-picker-input[data-v-dae4dc36]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:38px;padding:2px;border:1px solid #ddd;border-radius:4px;background-color:transparent;cursor:pointer}.color-picker-input[data-v-dae4dc36]::-webkit-color-swatch-wrapper{padding:0}.color-picker-input[data-v-dae4dc36]::-webkit-color-swatch{border:none;border-radius:2px}.color-text-input[data-v-dae4dc36]{flex:1;width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.range-input[data-v-dae4dc36]{width:100%}.range-value[data-v-dae4dc36]{font-size:.8rem;color:#666;text-align:center;margin-top:4px}.checkbox-group[data-v-dae4dc36]{display:flex;align-items:center}.checkbox-label[data-v-dae4dc36]{font-size:.9rem;margin-left:8px}.btn[data-v-dae4dc36]{padding:10px 16px;border-radius:4px;border:none;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px}.btn-primary[data-v-dae4dc36],.btn[data-v-dae4dc36]{background-color:#4361ee}.loading-overlay[data-v-dae4dc36]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;z-index:10}.loading-overlay.active[data-v-dae4dc36]{opacity:1;pointer-events:all}.spinner[data-v-dae4dc36]{width:40px;height:40px;border:4px solid rgba(67,97,238,.2);border-top:4px solid #4361ee;border-radius:50%;animation:spin-dae4dc36 1s linear infinite}@keyframes spin-dae4dc36{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.control-fieldset[data-v-dae4dc36]{border:1px solid #ddd;border-radius:8px;padding:12px;margin-bottom:16px}.control-fieldset legend[data-v-dae4dc36]{font-weight:600;color:#333;padding:0 8px;font-size:.9rem}.text-content-input[data-v-dae4dc36]{width:100%;min-height:80px;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:inherit;resize:vertical}.text-content-input[data-v-dae4dc36]:disabled{background-color:#f8f9fa;cursor:not-allowed}.gradient-controls[data-v-dae4dc36]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button-group[data-v-dae4dc36]{display:flex;gap:8px}.btn-toggle[data-v-dae4dc36]{flex:1;padding:8px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.btn-toggle.active[data-v-dae4dc36]{background-color:#4361ee;color:#fff;border-color:#4361ee}.number-input[data-v-dae4dc36]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.gradient-controls .full-width[data-v-dae4dc36]{grid-column:1/-1}.dimension-grid[data-v-dae4dc36]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-primary[data-v-dae4dc36]:disabled{background-color:#a9a9a9;cursor:not-allowed}.btn-toggle[data-v-dae4dc36]:disabled,.checkbox-group input:disabled+.checkbox-label[data-v-dae4dc36],.color-picker-input[data-v-dae4dc36]:disabled,.color-text-input[data-v-dae4dc36]:disabled,.number-input[data-v-dae4dc36]:disabled,.range-input[data-v-dae4dc36]:disabled,.select-input[data-v-dae4dc36]:disabled,textarea[data-v-dae4dc36]:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.repair-tab .control-group[data-v-dae4dc36]{margin-bottom:16px}.clone-preview-container[data-v-dae4dc36]{width:100%;height:120px;background-color:#f0f2f5;border:1px dashed #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden}.clone-preview-image[data-v-dae4dc36]{max-width:100%;max-height:100%;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2)}.btn-icon[data-v-dae4dc36]{width:38px;height:38px;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon[data-v-dae4dc36]:hover{background-color:#e9ecef}.btn-icon.active[data-v-dae4dc36]{background-color:#4361ee;color:#fff;border-color:#4361ee}.action-grid[data-v-dae4dc36]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-secondary[data-v-dae4dc36]{background-color:#6c757d}.btn-secondary[data-v-dae4dc36]:hover{background-color:#5a6268}.btn-secondary.active[data-v-dae4dc36]{background-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.5)}.btn-danger[data-v-dae4dc36]{background-color:#dc3545;margin-top:16px}.btn-danger[data-v-dae4dc36]:hover{background-color:#c82333}.translation-panel{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;max-height:none;font-size:14px}.translation-header{padding:8px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background-color:#4361ee;color:#fff;font-size:14px}.translation-content{padding:12px}.config-area{flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:8px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.config-area,.config-item{display:flex;align-items:center}.config-item{gap:4px;white-space:nowrap}.config-item label{font-weight:600;color:#444}.config-item input,.config-item select{padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:13px;background-color:#fff}.text-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.text-item{display:flex;align-items:center;gap:6px;padding:6px;background-color:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.text-handle{cursor:move;color:#6c757d;padding:2px}.text-controls{display:flex;gap:4px;align-items:center;flex-wrap:wrap;flex:1}.text-controls select{width:80px;padding:4px;border:1px solid #ddd;border-radius:4px;font-size:12px;background-color:#fff}.text-content{flex:1;min-width:120px}.text-content input{width:100%;padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:13px}.delete-btn{color:#dc3545;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px}.delete-btn:hover{background-color:#ffeaea}.btn{padding:6px 10px;border-radius:4px;border:none;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px}.btn-primary{background-color:#4361ee}.btn-primary:hover{background-color:#3a56d4}.btn-success{background-color:#28a745}.btn-success:hover{background-color:#218838}.btn-sm{padding:4px 8px;font-size:12px}.generate-area{display:flex;gap:12px;margin-top:12px}.text-list-container{flex:1}.result-container{flex:1;min-width:300px}.generated-text{padding:10px;background-color:#e9ecef;border-radius:6px;border:1px solid #ddd;white-space:pre-wrap;font-family:monospace;font-size:13px;line-height:1.5;min-height:150px;max-height:300px;overflow-y:auto}.action-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.tabs-area{flex:1;min-width:300px;display:flex;flex-direction:column}.tabs{display:flex;gap:8px;margin-bottom:8px}.tab{padding:6px 12px;border:1px solid #ddd;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;background-color:#f8f9fa}.tab.active{background-color:#fff;border-bottom:1px solid #fff;font-weight:700}.tab-content{border:1px solid #ddd;border-radius:0 0 6px 6px;background-color:#e9ecef;padding:10px;min-height:150px;max-height:300px;overflow-y:auto;font-family:monospace;font-size:13px;line-height:1.5}.action-group{display:flex;gap:8px;align-items:center;vertical-align:middle}.action-result,.action-translation{background-color:transparent;padding:0;border-radius:0}.model-select{padding:6px 12px;border-radius:6px;border:1px solid #ccc;background-color:#fff}.comic-editor-container{display:flex;flex:1;gap:16px;min-height:0}.comic-display-area{flex:1;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.comic-header{padding:10px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.comic-title{font-weight:600;color:#1d3557;font-size:14px;border:none;background:transparent;width:150px}.zoom-controls{display:flex;gap:6px}.zoom-btn{width:28px;height:28px;border-radius:50%;border:1px solid #ddd;cursor:pointer;font-size:12px}.comic-image-container,.zoom-btn{background-color:#f8f9fa;display:flex;align-items:center;justify-content:center}.comic-image-container{flex:1;overflow:auto;padding:16px}.control-panel{width:280px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.panel-tabs{display:flex;background-color:#f8f9fa;border-bottom:1px solid #eee}.tab-btn{flex:1;padding:10px;text-align:center;font-weight:600;cursor:pointer;font-size:12px;border-bottom:2px solid transparent}.tab-btn.active{border-bottom:2px solid #4361ee;color:#4361ee}.panel-content{flex:1;overflow-y:auto;padding:12px}@media (max-width:1200px){.comic-editor-container{flex-direction:column}.control-panel{width:100%}.generate-area{flex-direction:column}.result-container{min-width:auto}}@media (max-width:768px){.config-area{flex-direction:column;align-items:stretch}.config-item{width:100%;justify-content:space-between}.text-item{flex-wrap:wrap}.text-controls{flex-direction:column;align-items:stretch}}.checkbox-group{gap:8px}.checkbox-group,.checkbox-item{display:flex;align-items:center}.checkbox-item{gap:4px}.radio-group{gap:8px}.radio-group,.radio-item{display:flex;align-items:center}.radio-item{gap:4px}.comic-image-container{position:relative}.comic-image-container.grid-on:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:linear-gradient(90deg,hsla(0,0%,100%,.2) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.2) 1px,transparent 0);background-size:var(--grid-size,20px) var(--grid-size,20px);mix-blend-mode:difference}#comic-canvas{position:relative;z-index:0}.loading-overlay{pointer-events:none;z-index:2}.loading-overlay.active{pointer-events:auto}.style-cards-container{margin-bottom:20px;border:1px solid #ddd;padding:10px;border-radius:5px}.add-style-btn{width:100%;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:15px}.add-style-btn:disabled{background-color:#ccc;cursor:not-allowed}.style-card{position:relative;background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:15px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px}.style-card .card-header{display:flex;gap:20px;border-bottom:1px solid #eee;padding-bottom:10px}.style-card .card-body{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-card .control-group,.style-card .info-group{display:flex;align-items:center;gap:8px}.style-card label{font-size:12px;color:#555;min-width:40px}.style-card input[type=number],.style-card select{width:100%}.style-card .delete-btn2{position:absolute;top:5px;right:5px;width:24px;height:24px;background:#e74c3c;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:16px;line-height:24px;text-align:center}@font-face{font-family:JingNanBoBoHei;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/onlinefont@main/JingNanBoBoHei-Bold-2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JingNanMaiYuanTi;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/onlinefont@main/Kingnammm-Maiyuan-II-Regular-2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JingNanJunJunTi;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/onlinefont@main/JingNanJunJunTi-JinNanJunJunTi-Bold-2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JingNanYuanMoTi;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/onlinefont@main/KingnamypeYuanmoSC-Regular-2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:YiShanBeiZhuanTi;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/onlinefont@main/YiShanBeiZhuanTi.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:AlimamaFangYuanTiVF;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/onlinefont@main/AlimamaFangYuanTiVF-Thin-2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:YeZiGongChangXiaoShiTou;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/onlinefont@main/YeZiGongChangXiaoShiTou-2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Douyin Sans;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/dymh/fonts/DouyinSansBold.otf) format("woff2");font-weight:700}@font-face{font-family:Maple Mono CN SemiBold;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/maple-mono-cn/fonts/MapleMono-CN-SemiBoldItalic.ttf) format("truetype");font-weight:600}@font-face{font-family:MapleMono-CN-SemiBold;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/maple-mono-cn/fonts/MapleMono-CN-SemiBold.ttf) format("truetype");font-weight:400}@font-face{font-family:chengrongguangke;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/crgkk/fonts/%E7%A8%8B%E8%8D%A3%E5%85%89%E5%88%BB%E6%A5%B7.ttf) format("truetype");font-weight:400}@font-face{font-family:Child Fun Sans Demo;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/yqt/fonts/ChildFunSans-Demo.ttf) format("truetype");font-weight:400}@font-face{font-family:PING FANG MENG MNEG DA;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/pfmmd/fonts/%E5%B9%B3%E6%96%B9%E8%90%8C%E8%90%8C%E5%93%92.ttf) format("truetype");font-weight:600}@font-face{font-family:PingFangLaiJiangHuFeiYangTi;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/onlinefont@main/PingFangLaiJiangHuFeiYangTi-2.woff2) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:YuFanXinYu;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/yfxy/fonts/YuFanXinYu-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:QuanPixel\ 8px;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/qxs/fonts/quan.ttf) format("truetype");font-weight:600}@font-face{font-family:MuzaiPixel;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/mzxst/fonts/MZPXorig.ttf) format("truetype");font-weight:400}@font-face{font-family:Zhi Mang Xing;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/zqzmxs/fonts/%E9%92%9F%E9%BD%90%E5%BF%97%E8%8E%BD%E8%A1%8C%E4%B9%A6.ttf) format("truetype");font-weight:400}@font-face{font-family:Cubic\ 11;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/cubic/fonts/Cubic.ttf) format("truetype");font-weight:400}@font-face{font-family:BWCKKT;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/bwckkt/fonts/%E7%99%BD%E6%97%A0%E5%B8%B8%E5%8F%AF%E5%8F%AF%E4%BD%93-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:hongleixingshu;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/chinese-free-web-font-storage-back@branch/packages/hlxsjt/fonts/%E9%B8%BF%E9%9B%B7%E8%A1%8C%E4%B9%A6%E7%AE%80%E4%BD%93.ttf) format("truetype");font-weight:400}@font-face{font-family:huangyinqi;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/onlinefont@main/%E9%BB%84%E5%BC%95%E9%BD%90%E6%8B%9B%E7%89%8C%E4%BD%93.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MaShanZheng;src:url(https://cdn.jsdelivr.net/gh/zkohrileung/onlinefont@main/MaShanZheng-Regular.ttf) format("truetype");font-weight:400;font-style:normal}