.cover-type .cover-types{display:flex;flex-wrap:wrap;overflow:auto;margin-top:.5rem}.cover-type .row{flex:1}.cover-type-item{width:25%;flex:0 0 25%;position:relative;padding:5px;overflow:hidden;cursor:pointer}.cover-type-item.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}.typeset-type-list{display:flex}.typeset-type .group{padding:10px 0}.typeset-type .group+.group{border-top:1px solid #eee}.typeset-type .typeset-type-item{cursor:pointer;min-width:6em;width:33%;flex:0 0 33%;position:relative;padding:5px;overflow:hidden}.typeset-type .typeset-type-item p{display:flex;align-items:center;justify-content:center;margin-top:.5em;font-weight:500}.typeset-type .typeset-type-item p .label{margin-left:4px}.typeset-type .typeset-type-item.A4{width:40%;flex:0 0 40%}.color-list,.color-list li{overflow:hidden}.color-list li{position:relative;text-align:center;vertical-align:middle;float:left;height:40px;width:40px;margin-right:10px;margin-bottom:10px;border-radius:100px;cursor:pointer}.color-list li i{display:none}.color-list li.check:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}.color-list li.check i{display:inline-block;line-height:40px;position:relative;z-index:2}.insert-page-list{display:flex;flex-wrap:wrap}.insert-page-item{flex:25%;padding:5px}.cover-page[data-v-bd08cd5a]{padding:0 0 3rem}.cover-page .design-steps[data-v-bd08cd5a]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#fff;border-bottom:1px solid #eee;margin-bottom:0}.cover-page .design-steps__inner[data-v-bd08cd5a]{display:flex;align-items:center;gap:0}.cover-page .design-step[data-v-bd08cd5a]{display:flex;align-items:center;gap:8px}.cover-page .design-step .step-circle[data-v-bd08cd5a]{width:28px;height:28px;border-radius:50%;background-color:#e0e0e0;color:#999;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.cover-page .design-step .step-label[data-v-bd08cd5a]{font-size:13px;color:#999;font-weight:500}.cover-page .design-step.active .step-circle[data-v-bd08cd5a]{background-color:#f56368;color:#fff}.cover-page .design-step.active .step-label[data-v-bd08cd5a]{color:#f56368;font-weight:600}.cover-page .step-line[data-v-bd08cd5a]{width:40px;height:2px;background-color:#e0e0e0;margin:0 8px}.cover-page .save-btn[data-v-bd08cd5a]{display:flex;align-items:center;gap:6px;padding:8px 20px;font-size:14px;border-radius:20px;white-space:nowrap}.cover-page .cover-tab-nav[data-v-bd08cd5a]{display:flex;padding:1rem 1.5rem 0;background:#fff;border-bottom:1px solid #eee;gap:4px}.cover-page .cover-tab-item[data-v-bd08cd5a]{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px 8px 0 0;font-size:14px;font-weight:500;color:#666;cursor:pointer;border:1px solid transparent;border-bottom:none;transition:all .2s;margin-bottom:-1px}.cover-page .cover-tab-item i.fa[data-v-bd08cd5a]{font-size:14px}.cover-page .cover-tab-item[data-v-bd08cd5a]:hover{color:#f56368;background-color:#fff8f8}.cover-page .cover-tab-item.active[data-v-bd08cd5a]{color:#f56368;background-color:#fff;border-color:#eee;border-bottom-color:#fff}.cover-page .cover-editor[data-v-bd08cd5a]{margin-top:0;padding:1.5rem;gap:0}.cover-page .cover-preview-col[data-v-bd08cd5a]{padding-right:1rem}.cover-page .cover-preview-card[data-v-bd08cd5a]{background:#f8f8f8;border-radius:12px;padding:1.5rem;text-align:center;position:sticky;top:80px}.cover-page .cover-preview-card .cover-holder[data-v-bd08cd5a]{border-radius:6px;box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3);max-width:220px;margin:0 auto}.cover-page .cover-preview-actions[data-v-bd08cd5a]{margin-top:1rem}.cover-page .cover-preview-actions .btn-link-small[data-v-bd08cd5a]{font-size:13px;color:#666;display:inline-flex;align-items:center;gap:5px}.cover-page .cover-preview-actions .btn-link-small[data-v-bd08cd5a]:hover{color:#f56368}.cover-page .cover-preview-hint[data-v-bd08cd5a]{margin-top:.75rem;font-size:12px;color:#999;display:flex;align-items:center;justify-content:center;gap:4px}.cover-page .cover-settings-col[data-v-bd08cd5a]{padding-left:1rem}.cover-page .cover-settings-card[data-v-bd08cd5a]{background:#fff;border-radius:12px;border:1px solid #eee;overflow:hidden}.cover-page .settings-section[data-v-bd08cd5a]{padding:1.25rem 1.5rem}.cover-page .settings-section+.settings-section[data-v-bd08cd5a]{border-top:1px solid #f2f2f2}.cover-page .settings-section__title[data-v-bd08cd5a]{font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;display:flex;align-items:center;gap:6px}.cover-page .settings-section__title i.fa[data-v-bd08cd5a]{color:#f56368;font-size:14px}.cover-page .input-modern[data-v-bd08cd5a]{border:1px solid #e0e0e0;border-radius:8px;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.cover-page .input-modern[data-v-bd08cd5a]:focus{border-color:#f56368;box-shadow:0 0 0 3px rgba(245,99,104,.1);outline:none}.cover-page[data-v-bd08cd5a] .style-tag{position:absolute;top:8px;left:0;width:2.5em;line-height:1.8;border-radius:0 100px 100px 0;background-color:#22ac96;color:#fff;font-size:12px;text-align:center;z-index:1}.cover-page[data-v-bd08cd5a] .style-tag.primary{background-color:#f56368}.cover-page .swiper-slide[data-v-bd08cd5a]{padding:5px}@media(max-width:767px){.cover-page .design-steps[data-v-bd08cd5a]{padding:1rem}.cover-page .design-steps .design-step .step-label[data-v-bd08cd5a]{display:none}.cover-page .design-steps .step-line[data-v-bd08cd5a]{width:20px}.cover-page .cover-tab-nav[data-v-bd08cd5a]{padding:.75rem 1rem 0;overflow-x:auto}.cover-page .cover-editor[data-v-bd08cd5a]{padding:1rem}.cover-page .cover-preview-col[data-v-bd08cd5a],.cover-page .cover-settings-col[data-v-bd08cd5a]{padding:0}.cover-page .cover-preview-card[data-v-bd08cd5a]{margin-bottom:1rem;padding:1rem}}