@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-0881ef66]{display:flex;flex-direction:column}.comic-title[data-v-0881ef66]{font-size:24px;font-weight:700;color:#333;border:none;background:transparent;outline:none;width:auto}.comic-editor-container[data-v-0881ef66]{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-0881ef66]{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-0881ef66]{display:flex;align-items:center;gap:12px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.comic-header[data-v-0881ef66]{padding:12px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.comic-title[data-v-0881ef66]{font-weight:600;color:#1d3557;font-size:1.1rem}.zoom-controls[data-v-0881ef66]{display:flex;gap:8px}.zoom-btn[data-v-0881ef66]{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-0881ef66]:hover{background-color:#e9ecef}.comic-image-container[data-v-0881ef66]{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-0881ef66],.control-panel[data-v-0881ef66]{box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:#fff}.control-panel[data-v-0881ef66]{width:320px;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;margin-left:16px}.panel-tabs[data-v-0881ef66]{display:flex;background-color:#f8f9fa;border-bottom:1px solid #eee}.tab-btn[data-v-0881ef66]{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-0881ef66]{border-bottom:3px solid #4361ee;color:#4361ee;background-color:rgba(67,97,238,.05)}.tab-btn[data-v-0881ef66]:hover{background-color:rgba(67,97,238,.1)}.panel-content[data-v-0881ef66]{flex:1;overflow-y:auto;padding:16px}.control-group[data-v-0881ef66]{margin-bottom:12px}.control-label[data-v-0881ef66]{display:block;margin-bottom:4px;font-size:.85rem;color:#555}.select-input[data-v-0881ef66]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.color-input-group[data-v-0881ef66]{display:flex;align-items:center;gap:8px}.color-picker-input[data-v-0881ef66]{-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-0881ef66]::-webkit-color-swatch-wrapper{padding:0}.color-picker-input[data-v-0881ef66]::-webkit-color-swatch{border:none;border-radius:2px}.color-text-input[data-v-0881ef66]{flex:1;width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.range-input[data-v-0881ef66]{width:100%}.range-value[data-v-0881ef66]{font-size:.8rem;color:#666;text-align:center;margin-top:4px}.checkbox-group[data-v-0881ef66]{display:flex;align-items:center}.checkbox-label[data-v-0881ef66]{font-size:.9rem;margin-left:8px}.btn[data-v-0881ef66]{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-0881ef66],.btn[data-v-0881ef66]{background-color:#4361ee}.loading-overlay[data-v-0881ef66]{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-0881ef66]{opacity:1;pointer-events:all}.spinner[data-v-0881ef66]{width:40px;height:40px;border:4px solid rgba(67,97,238,.2);border-top:4px solid #4361ee;border-radius:50%;animation:spin-0881ef66 1s linear infinite}@keyframes spin-0881ef66{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.control-fieldset[data-v-0881ef66]{border:1px solid #ddd;border-radius:8px;padding:12px;margin-bottom:16px}.control-fieldset legend[data-v-0881ef66]{font-weight:600;color:#333;padding:0 8px;font-size:.9rem}.text-content-input[data-v-0881ef66]{width:100%;min-height:80px;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:inherit;resize:vertical}.text-content-input[data-v-0881ef66]:disabled{background-color:#f8f9fa;cursor:not-allowed}.gradient-controls[data-v-0881ef66]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button-group[data-v-0881ef66]{display:flex;gap:8px}.btn-toggle[data-v-0881ef66]{flex:1;padding:8px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.btn-toggle.active[data-v-0881ef66]{background-color:#4361ee;color:#fff;border-color:#4361ee}.number-input[data-v-0881ef66]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.gradient-controls .full-width[data-v-0881ef66]{grid-column:1/-1}.dimension-grid[data-v-0881ef66]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-primary[data-v-0881ef66]:disabled{background-color:#a9a9a9;cursor:not-allowed}.btn-toggle[data-v-0881ef66]:disabled,.checkbox-group input:disabled+.checkbox-label[data-v-0881ef66],.color-picker-input[data-v-0881ef66]:disabled,.color-text-input[data-v-0881ef66]:disabled,.number-input[data-v-0881ef66]:disabled,.range-input[data-v-0881ef66]:disabled,.select-input[data-v-0881ef66]:disabled,textarea[data-v-0881ef66]:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.repair-tab .control-group[data-v-0881ef66]{margin-bottom:16px}.clone-preview-container[data-v-0881ef66]{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-0881ef66]{max-width:100%;max-height:100%;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2)}.btn-icon[data-v-0881ef66]{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-0881ef66]:hover{background-color:#e9ecef}.btn-icon.active[data-v-0881ef66]{background-color:#4361ee;color:#fff;border-color:#4361ee}.action-grid[data-v-0881ef66]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-secondary[data-v-0881ef66]{background-color:#6c757d}.btn-secondary[data-v-0881ef66]:hover{background-color:#5a6268}.btn-secondary.active[data-v-0881ef66]{background-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.5)}.btn-danger[data-v-0881ef66]{background-color:#dc3545;margin-top:16px}.btn-danger[data-v-0881ef66]: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;gap:8px;margin-top:8px}.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,rgba(0,0,0,.12) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.12) 1px,transparent 0);background-size:var(--grid-size,20px) var(--grid-size,20px)}#comic-canvas{position:relative;z-index:0}.loading-overlay{pointer-events:none;z-index:2}.loading-overlay.active{pointer-events:auto}@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}