.pdf-to-cbz .pdf-upload>span,.pdf-to-cbz .pdf-document-head>div>svg,.pdf-to-cbz .pdf-side-title>svg{color:#ef2632;background:#fff0f1}.pdf-to-cbz .pdf-upload>b,.pdf-to-cbz .cbz-create{background:#ef2632}.pdf-to-cbz .pdf-upload.is-dragging{background:#fff3f4}.pdf-to-cbz .pdf-document-head>button,.pdf-to-cbz .pdf-side-title,.pdf-to-cbz .pdf-secure{color:#ef2632}.pdf-to-cbz .pdf-side-settings{min-height:0;padding:34px 30px}.pdf-to-cbz .pdf-side-title{padding-bottom:28px}.pdf-to-cbz .pdf-setting-group{padding-top:25px}.pdf-to-cbz .pdf-options button.active,.pdf-to-cbz .cbz-direction button.active{color:#d91f2a;background:#fff0f1;border-color:#ef2632}.pdf-to-cbz .pdf-setting-title b{color:#ef2632}.cbz-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;padding:8px 28px 50px;display:grid}.cbz-page-grid article{cursor:grab;min-width:0}.cbz-page-grid article.is-dragging{opacity:.45}.cbz-page-grid article.is-drag-over .cbz-paper{border:2px solid #ef2632}.cbz-paper{height:330px;box-shadow:none;background-color:#f3eff5;background-image:linear-gradient(45deg,#e8e2eb 25%,#0000 25%),linear-gradient(-45deg,#e8e2eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8e2eb 75%),linear-gradient(-45deg,#0000 75%,#e8e2eb 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:1px solid #ddd6e1;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.cbz-page-output{width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:none;border:0;place-items:center;transition:aspect-ratio .18s,padding .18s,background-color .18s;display:grid;overflow:hidden}.cbz-page-output.is-transparent{background-color:#fff;background-image:linear-gradient(45deg,#ede8ef 25%,#0000 25%),linear-gradient(-45deg,#ede8ef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ede8ef 75%),linear-gradient(-45deg,#0000 75%,#ede8ef 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.cbz-page-output img{width:100%;min-width:0;height:100%;min-height:0;transition:all .18s;display:block}.cbz-paper>b{color:#fff;background:#ef2632;border-radius:999px;padding:7px 10px;font-size:9px;position:absolute;top:11px;left:11px;box-shadow:0 7px 18px #b7192430}.cbz-page-grid footer{background:#fff;border:1px solid #e0d9e4;border-radius:11px;flex-direction:column;justify-content:center;gap:9px;min-height:110px;margin-top:8px;padding:10px 11px;display:flex}.cbz-page-meta{grid-template-columns:20px 1fr;align-items:center;gap:8px;min-width:0;display:grid}.cbz-page-meta>svg{color:#aaa1ad;width:18px;height:18px}.cbz-page-meta strong,.cbz-page-meta small{display:block}.cbz-page-meta strong{font-size:10px}.cbz-page-meta small{color:#918895;margin-top:4px;font-size:8px}.cbz-page-actions{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.cbz-page-actions button{color:#ef2632;background:#fff0f1;border:0;border-radius:8px;place-items:center;width:100%;height:38px;display:grid}.cbz-page-actions button svg{width:18px;height:18px}.cbz-page-actions button:disabled{opacity:.28}.cbz-page-actions button.remove{color:#fff;background:#ef2632}.cbz-cover-button{color:#d91f2a;background:#fff;border:1px solid #f4b8bd;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:34px;font-size:9px;font-weight:750;display:flex}.cbz-size-options,.cbz-fit-options{gap:9px;display:grid}.cbz-size-options{grid-template-columns:1fr 1fr}.cbz-size-options button:last-child{grid-column:1/-1}.cbz-size-options button,.cbz-fit-options button{color:#514953;text-align:left;background:#fff;border:1px solid #ddd6e2;border-radius:11px;min-height:66px;padding:12px 13px}.cbz-size-options button.active,.cbz-fit-options button.active,.cbz-custom-margin-toggle.active{color:#d91f2a;background:#fff0f1;border-color:#ef2632}.cbz-size-options b,.cbz-size-options small,.cbz-fit-options b,.cbz-fit-options small{display:block}.cbz-size-options b,.cbz-fit-options b{font-size:11px}.cbz-size-options small,.cbz-fit-options small{color:#8f8792;margin-top:5px;font-size:8px;line-height:1.4}.cbz-trim-edges{cursor:pointer;background:#fff;border:1px solid #ddd6e2;border-radius:10px;align-items:flex-start;gap:10px;margin-top:10px;padding:13px;display:flex}.cbz-trim-edges input{accent-color:#ef2632;margin-top:2px}.cbz-trim-edges b,.cbz-trim-edges small{display:block}.cbz-trim-edges b{color:#403941;font-size:10px}.cbz-trim-edges small{color:#918995;margin-top:5px;font-size:8px;line-height:1.45}.cbz-custom-size{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin-top:11px;display:grid}.cbz-custom-size>svg{color:#a49ca7;margin-bottom:13px}.cbz-custom-size label{color:#746c77;font-size:9px;font-weight:700}.cbz-custom-size input,.cbz-margin-input input{color:#18141a;width:100%;height:45px;font:inherit;background:#fff;border:1px solid #dcd5df;border-radius:9px;margin-top:6px;padding:0 11px;font-size:11px;font-weight:750}.cbz-margin-options{grid-template-columns:repeat(4,1fr)!important}.cbz-margin-options button{padding-inline:5px!important}.cbz-custom-margin-toggle{color:#514953;background:#fff;border:1px solid #ddd6e2;border-radius:10px;width:100%;height:43px;margin-top:9px;font-size:10px;font-weight:750}.cbz-margin-input{color:#746c77;margin-top:10px;font-size:9px;font-weight:700;display:block;position:relative}.cbz-margin-input input{padding-right:42px}.cbz-margin-input b{color:#928996;font-size:9px;position:absolute;bottom:14px;right:13px}.cbz-backgrounds{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cbz-backgrounds button,.cbz-backgrounds label{color:#514953;cursor:pointer;background:#fff;border:1px solid #ddd6e2;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:50px;padding:8px;font-size:9px;font-weight:750;display:flex}.cbz-backgrounds button:before{content:"";background:var(--swatch);border:1px solid #d6ceda;border-radius:5px;width:18px;height:18px}.cbz-backgrounds button.active,.cbz-backgrounds label.active{color:#d91f2a;background:#fff0f1;border-color:#ef2632}.cbz-backgrounds.is-disabled,.cbz-transparent.is-disabled{opacity:.48}.cbz-backgrounds button:disabled,.cbz-backgrounds input:disabled{cursor:not-allowed}.cbz-backgrounds input{background:0 0;border:0;width:20px;height:20px;padding:0}.cbz-background-note{color:#8f8792;margin:9px 0 0;font-size:8px;line-height:1.45}.cbz-transparent{border:1px solid #ddd6e2;border-radius:10px;align-items:flex-start;gap:10px;margin-top:10px;padding:13px;display:flex}.cbz-transparent input{accent-color:#ef2632;margin-top:2px}.cbz-transparent b,.cbz-transparent small{display:block}.cbz-transparent b{font-size:10px}.cbz-transparent small{color:#918995;margin-top:4px;font-size:8px}.cbz-quality input{accent-color:#ef2632;width:100%}.cbz-direction{grid-template-columns:1fr 1fr;gap:9px;display:grid}.cbz-direction button{color:#514953;text-align:left;background:#fff;border:1px solid #ddd6e2;border-radius:12px;min-height:68px;padding:12px}.cbz-direction b,.cbz-direction small{display:block}.cbz-direction b{font-size:11px}.cbz-direction small{color:#918995;margin-top:6px;font-size:9px}.cbz-info-setting{border-top:1px solid #e7e1e9}.cbz-info-setting>div{cursor:pointer;border:1px solid #ded7e2;border-radius:12px;align-items:flex-start;gap:11px;padding:15px;display:flex}.cbz-info-setting input{accent-color:#ef2632;margin-top:2px}.cbz-info-setting b,.cbz-info-setting small{display:block}.cbz-info-setting b{font-size:11px}.cbz-info-setting small{color:#918895;margin-top:5px;font-size:9px;line-height:1.45}.pdf-to-cbz .pdf-side-actions{margin-top:30px;padding-top:27px}.pdf-to-cbz .pdf-side-actions .pdf-create{height:68px;box-shadow:none}.pdf-to-cbz .pdf-side-actions .pdf-create:hover:not(:disabled){box-shadow:none}.pdf-to-cbz .pdf-side-actions .pdf-new{height:50px;box-shadow:none;background:#f5f3f6;margin-top:12px}.cbz-progress{background:#fff0f1;border-radius:9px;height:31px;margin:0 0 12px;position:relative;overflow:hidden}.cbz-progress span{background:#ef2632;transition:width .15s;position:absolute;inset:0 auto 0 0}.cbz-progress b{color:#351b20;place-items:center;height:100%;font-size:10px;display:grid;position:relative}@media (max-width:1000px){.cbz-page-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.cbz-page-grid{gap:13px;padding:8px 14px 30px}.cbz-paper{height:230px}.pdf-to-cbz .pdf-side-settings{padding:25px 18px}}