:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}@font-face{font-family:CustomFont;src:url(/CoverMaker2/fonts/AmericanTypewriter.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CustomFont;src:url(/CoverMaker2/fonts/AmericanTypewriterBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.cover-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-family:CustomFont,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;pointer-events:none}.cropper-container{max-height:500px}.preview-container{position:relative;overflow:hidden;background:#0f3460;display:flex;align-items:center;justify-content:center}.preview-image{max-width:100%;max-height:100%;object-fit:contain}.preview-16-9{aspect-ratio:16 / 9}.preview-9-16{aspect-ratio:9 / 16}.preview-1-1{aspect-ratio:1 / 1}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{inset:0;position:absolute}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#00000080}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0;width:100%}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:10px;opacity:1;right:-3px;width:10px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==);background-repeat:repeat}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}#app{height:100%}.app-container{height:100vh;display:flex;flex-direction:column}.uploader[data-v-7b329679]{border:2px dashed #4a5568;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#1a202c}.uploader[data-v-7b329679]:hover{border-color:#9f7aea;background:#2d3748}.uploader.is-dragging[data-v-7b329679]{border-color:#9f7aea;background:#44337a;transform:scale(1.02)}.file-input[data-v-7b329679]{display:none}.uploader-content[data-v-7b329679]{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon[data-v-7b329679]{width:48px;height:48px;color:#a0aec0}.upload-text[data-v-7b329679]{margin:0;font-size:16px;font-weight:500;color:#e2e8f0}.upload-hint[data-v-7b329679]{margin:0;font-size:13px;color:#a0aec0}.modal-overlay[data-v-6f7ed7d7]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-6f7ed7d7]{background:#1a202c;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid #2d3748}.modal-header[data-v-6f7ed7d7]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #2d3748}.modal-header h2[data-v-6f7ed7d7]{margin:0;font-size:18px;font-weight:600;color:#e2e8f0}.close-btn[data-v-6f7ed7d7]{background:none;border:none;cursor:pointer;padding:4px;color:#a0aec0;transition:color .3s;display:flex;align-items:center;justify-content:center}.close-btn[data-v-6f7ed7d7]:hover{color:#e2e8f0}.close-btn svg[data-v-6f7ed7d7]{width:20px;height:20px}.modal-body[data-v-6f7ed7d7]{padding:24px;flex:1;overflow-y:auto}.cropper-wrapper[data-v-6f7ed7d7]{height:400px;margin-bottom:20px;background:#0f3460;border-radius:8px;overflow:hidden;border:1px solid #2d3748}.ratio-options[data-v-6f7ed7d7]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ratio-label[data-v-6f7ed7d7]{font-size:14px;color:#cbd5e0;font-weight:500}.ratio-btn[data-v-6f7ed7d7]{padding:8px 16px;border:1px solid #4a5568;background:#2d3748;color:#e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.ratio-btn[data-v-6f7ed7d7]:hover{border-color:#9f7aea;color:#9f7aea}.ratio-btn.active[data-v-6f7ed7d7]{background:#9f7aea;border-color:#9f7aea;color:#fff}.modal-footer[data-v-6f7ed7d7]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #2d3748}.btn[data-v-6f7ed7d7]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.btn-secondary[data-v-6f7ed7d7]{background:#2d3748;color:#e2e8f0;border:1px solid #4a5568}.btn-secondary[data-v-6f7ed7d7]:hover{background:#4a5568;border-color:#718096}.btn-primary[data-v-6f7ed7d7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-6f7ed7d7]:hover{opacity:.9}.modal-enter-active[data-v-6f7ed7d7],.modal-leave-active[data-v-6f7ed7d7]{transition:opacity .3s ease}.modal-enter-active .modal-content[data-v-6f7ed7d7],.modal-leave-active .modal-content[data-v-6f7ed7d7]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-6f7ed7d7],.modal-leave-to[data-v-6f7ed7d7]{opacity:0}.modal-enter-from .modal-content[data-v-6f7ed7d7],.modal-leave-to .modal-content[data-v-6f7ed7d7]{transform:scale(.9);opacity:0}[data-v-6f7ed7d7] .cropper-view-box,[data-v-6f7ed7d7] .cropper-face{border-radius:0}[data-v-6f7ed7d7] .cropper-line,[data-v-6f7ed7d7] .cropper-point{background-color:#9f7aea}[data-v-6f7ed7d7] .cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2N89uzZfwY8QFJSEp80A+OoAcMhASEOJDZBECCXkE44A+gwATOKoDJ6J5gAAAAAElFTkSuQmCC)}.text-editor[data-v-a9a4c5a8]{display:flex;flex-direction:column;gap:24px}.editor-section[data-v-a9a4c5a8]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-a9a4c5a8]{margin:0;font-size:15px;font-weight:600;color:#e2e8f0}.markdown-toolbar[data-v-a9a4c5a8]{display:flex;gap:6px;flex-wrap:wrap}.tool-btn[data-v-a9a4c5a8]{padding:6px 12px;border:1px solid #4a5568;background:#2d3748;color:#e2e8f0;border-radius:4px;cursor:pointer;font-size:13px;transition:all .3s;display:flex;align-items:center;justify-content:center;min-width:32px}.tool-btn[data-v-a9a4c5a8]:hover{border-color:#9f7aea;color:#9f7aea}.tool-btn svg[data-v-a9a4c5a8]{width:16px;height:16px}.text-input[data-v-a9a4c5a8],.css-input[data-v-a9a4c5a8]{width:100%;padding:10px 12px;border:1px solid #4a5568;border-radius:6px;font-size:14px;font-family:Consolas,Monaco,monospace;resize:vertical;transition:border-color .3s;background:#1a202c;color:#e2e8f0}.text-input[data-v-a9a4c5a8]:focus,.css-input[data-v-a9a4c5a8]:focus{outline:none;border-color:#9f7aea}.css-input[data-v-a9a4c5a8]{background:#1a202c}.hint[data-v-a9a4c5a8]{margin:0;font-size:12px;color:#a0aec0;line-height:1.5}.style-row[data-v-a9a4c5a8]{display:flex;flex-direction:column;gap:8px}.style-label[data-v-a9a4c5a8]{font-size:13px;font-weight:500;color:#cbd5e0}.style-control[data-v-a9a4c5a8]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.range-input[data-v-a9a4c5a8]{flex:1;min-width:120px}.number-input[data-v-a9a4c5a8]{width:70px;padding:6px 8px;border:1px solid #4a5568;border-radius:4px;font-size:14px;text-align:center;background:#1a202c;color:#e2e8f0}.unit[data-v-a9a4c5a8]{font-size:13px;color:#a0aec0}.color-input[data-v-a9a4c5a8]{width:40px;height:32px;border:1px solid #4a5568;border-radius:4px;cursor:pointer;padding:2px;background:#1a202c}.preset-colors[data-v-a9a4c5a8]{display:flex;gap:6px}.color-preset[data-v-a9a4c5a8]{width:24px;height:24px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .3s}.color-preset[data-v-a9a4c5a8]:hover{transform:scale(1.1)}.color-preset.active[data-v-a9a4c5a8]{border-color:#9f7aea}.text-input-small[data-v-a9a4c5a8]{width:100px;padding:6px 8px;border:1px solid #4a5568;border-radius:4px;font-size:13px;font-family:monospace;background:#1a202c;color:#e2e8f0}.select-input[data-v-a9a4c5a8]{padding:7px 12px;border:1px solid #4a5568;border-radius:4px;font-size:14px;background:#2d3748;color:#e2e8f0;cursor:pointer;min-width:150px}.select-input[data-v-a9a4c5a8]:focus{outline:none;border-color:#9f7aea}.style-editor[data-v-619d641b]{display:flex;flex-direction:column;gap:24px}.editor-section[data-v-619d641b]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-619d641b]{margin:0;font-size:15px;font-weight:600;color:#e2e8f0}.default-styles[data-v-619d641b]{background:#1a202c;padding:16px;border-radius:8px;border:1px solid #2d3748}.style-list[data-v-619d641b]{display:flex;flex-direction:column;gap:8px;margin-top:12px}.style-item[data-v-619d641b]{display:flex;gap:8px;font-size:13px;font-family:Consolas,Monaco,monospace;color:#cbd5e0}.style-property[data-v-619d641b]{color:#9f7aea;min-width:120px}.style-value[data-v-619d641b]{color:#48bb78}.preset-buttons[data-v-619d641b]{display:flex;flex-wrap:wrap;gap:8px}.preset-btn[data-v-619d641b]{padding:8px 14px;border:1px solid #4a5568;background:#2d3748;color:#e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s}.preset-btn[data-v-619d641b]:hover{border-color:#9f7aea;color:#9f7aea}.preset-btn.active[data-v-619d641b]{background:#9f7aea;border-color:#9f7aea;color:#fff}.css-input[data-v-619d641b]{width:100%;padding:12px;border:1px solid #4a5568;border-radius:6px;font-size:13px;font-family:Consolas,Monaco,monospace;resize:vertical;transition:border-color .3s;background:#1a202c;color:#e2e8f0;line-height:1.6}.css-input[data-v-619d641b]:focus{outline:none;border-color:#9f7aea;background:#2d3748}.hint[data-v-619d641b]{margin:0;font-size:12px;color:#a0aec0;line-height:1.6}.css-reference[data-v-619d641b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.reference-item[data-v-619d641b]{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#1a202c;border-radius:6px;font-size:12px;border:1px solid #2d3748}.reference-item code[data-v-619d641b]{font-family:Consolas,Monaco,monospace;color:#9f7aea;font-size:11px;word-break:break-all}.reference-item span[data-v-619d641b]{color:#cbd5e0}.preview-panel[data-v-501c80c9]{display:flex;flex-direction:column;height:100%;background:#16213e;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d;border:1px solid #2d3748}.panel-header[data-v-501c80c9]{padding:20px 24px;border-bottom:1px solid #2d3748;background:linear-gradient(135deg,#4a00e0,#8e2de2);color:#fff}.panel-header h2[data-v-501c80c9]{margin:0;font-size:18px;font-weight:600}.subtitle[data-v-501c80c9]{margin:4px 0 0;font-size:13px;opacity:.9}.preview-content[data-v-501c80c9]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.preview-section[data-v-501c80c9]{display:flex;flex-direction:column;gap:12px}.preview-title[data-v-501c80c9]{margin:0;font-size:14px;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:8px}.badge[data-v-501c80c9]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.badge.horizontal[data-v-501c80c9]{background:#667eea}.badge.vertical[data-v-501c80c9]{background:#48bb78}.preview-container[data-v-501c80c9]{position:relative;overflow:hidden;background:#0f3460;border-radius:8px;display:flex;align-items:center;justify-content:center}.preview-container.main-preview[data-v-501c80c9]{min-height:200px;border:2px solid #2d3748}.preview-container.small-preview[data-v-501c80c9]{border:1px solid #2d3748;height:240px}.preview-image[data-v-501c80c9]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.preview-placeholder[data-v-501c80c9]{display:flex;flex-direction:column;align-items:center;gap:12px;color:#718096}.preview-placeholder svg[data-v-501c80c9]{width:48px;height:48px}.preview-placeholder span[data-v-501c80c9]{font-size:14px}.preview-group[data-v-501c80c9]{display:flex;gap:12px;flex-wrap:wrap}.cover-text[data-v-501c80c9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-family:CustomFont,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;pointer-events:none;z-index:10}.cover-text[data-v-501c80c9] *,.cover-text[data-v-501c80c9] p,.cover-text[data-v-501c80c9] mark,.cover-text[data-v-501c80c9] strong,.cover-text[data-v-501c80c9] em,.cover-text[data-v-501c80c9] code{font-family:CustomFont,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.cover-text[data-v-501c80c9] p{margin:0}.cover-text[data-v-501c80c9] mark{background:#ff0;color:#000;padding:0 2px}.cover-text[data-v-501c80c9] strong{font-weight:700;font-family:CustomFont,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.cover-text[data-v-501c80c9] em{font-style:italic;font-family:CustomFont,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}.cover-text[data-v-501c80c9] br{content:"";display:block;margin:.2em 0}.preview-content[data-v-501c80c9]::-webkit-scrollbar{width:6px}.preview-content[data-v-501c80c9]::-webkit-scrollbar-track{background:#16213e}.preview-content[data-v-501c80c9]::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}.preview-content[data-v-501c80c9]::-webkit-scrollbar-thumb:hover{background:#718096}.cover-maker[data-v-02ea95eb]{display:flex;flex-direction:column;height:100vh;background:#1a1a2e}.app-header[data-v-02ea95eb]{padding:20px 30px;background:linear-gradient(135deg,#4a00e0,#8e2de2);color:#fff;box-shadow:0 2px 12px #0000004d;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-left[data-v-02ea95eb]{flex:1}.app-header h1[data-v-02ea95eb]{margin:0;font-size:24px;font-weight:700}.subtitle[data-v-02ea95eb]{margin:6px 0 0;font-size:14px;opacity:.9}.header-export-btn[data-v-02ea95eb]{padding:14px 24px;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #00b89466;transition:all .3s;white-space:nowrap}.header-export-btn[data-v-02ea95eb]:hover:not(:disabled){opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #00b89480}.header-export-btn[data-v-02ea95eb]:disabled{opacity:.6;cursor:not-allowed}.header-export-btn svg[data-v-02ea95eb]{width:18px;height:18px}.main-content[data-v-02ea95eb]{flex:1;display:flex;gap:20px;padding:20px;overflow:hidden}.editor-panel[data-v-02ea95eb]{width:420px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding-right:8px}.editor-panel[data-v-02ea95eb]::-webkit-scrollbar{width:6px}.editor-panel[data-v-02ea95eb]::-webkit-scrollbar-track{background:#16213e}.editor-panel[data-v-02ea95eb]::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}.editor-panel[data-v-02ea95eb]::-webkit-scrollbar-thumb:hover{background:#718096}.panel-section[data-v-02ea95eb]{background:#16213e;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000004d;border:1px solid #2d3748}.section-title[data-v-02ea95eb]{margin:0 0 16px;font-size:16px;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:8px}.section-title svg[data-v-02ea95eb]{width:20px;height:20px;color:#9f7aea}.upload-area[data-v-02ea95eb]{margin-top:8px}.image-controls[data-v-02ea95eb]{display:flex;flex-direction:column;gap:16px}.image-preview-small[data-v-02ea95eb]{width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#0f3460;border:2px solid #2d3748}.image-preview-small img[data-v-02ea95eb]{width:100%;height:100%;object-fit:cover}.control-buttons[data-v-02ea95eb]{display:flex;gap:8px;flex-wrap:wrap}.btn[data-v-02ea95eb]{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex;align-items:center;gap:6px}.btn svg[data-v-02ea95eb]{width:16px;height:16px}.btn[data-v-02ea95eb]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-02ea95eb]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-02ea95eb]:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-02ea95eb]{background:#2d3748;color:#e2e8f0;border:1px solid #4a5568}.btn-secondary[data-v-02ea95eb]:hover:not(:disabled){background:#4a5568;border-color:#718096}.btn-danger[data-v-02ea95eb]{background:#742a2a;color:#fc8181;border:1px solid #9b2c2c}.btn-danger[data-v-02ea95eb]:hover:not(:disabled){background:#9b2c2c;border-color:#c53030}.action-buttons[data-v-02ea95eb]{display:flex;flex-direction:column;gap:10px}.btn-reset[data-v-02ea95eb]{width:100%;padding:12px 20px;background:#2d3748;color:#a0aec0;justify-content:center}.btn-reset[data-v-02ea95eb]:hover{background:#4a5568;color:#e2e8f0}.preview-area[data-v-02ea95eb]{flex:1;min-width:0}.spin[data-v-02ea95eb]{animation:spin-02ea95eb 1s linear infinite}@keyframes spin-02ea95eb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.app-header[data-v-02ea95eb]{flex-direction:column;align-items:flex-start}.header-export-btn[data-v-02ea95eb]{width:100%;justify-content:center}.main-content[data-v-02ea95eb]{flex-direction:column;overflow-y:auto}.editor-panel[data-v-02ea95eb]{width:100%;flex-shrink:0;overflow:visible}.preview-area[data-v-02ea95eb]{min-height:500px}}