:root{--cbe-bg: #0d1117;--cbe-bg-2: #111827;--cbe-bg-3: #1a2234;--cbe-green: #1a6b3c;--cbe-green-light: #22c55e;--cbe-gold: #c9972b;--cbe-gold-light: #f5c842;--cbe-cream: #faf7f0;--cbe-text: #e5e7eb;--cbe-text-muted: #9ca3af;--cbe-border: rgba(201, 151, 43, .2);--cbe-border-2: rgba(255, 255, 255, .06);--cbe-radius: 16px;--cbe-radius-sm: 8px;--cbe-transition: .4s cubic-bezier(.25, .46, .45, .94)}*{box-sizing:border-box}#cbe-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--cbe-text);background:var(--cbe-bg);line-height:1.6;overflow-x:hidden;position:relative}.cbe-container{max-width:1240px;margin:0 auto;padding:0 24px}.cbe-stars-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.cbe-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:100px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;border:2px solid transparent;transition:var(--cbe-transition);white-space:nowrap;font-family:inherit}.cbe-btn:disabled{opacity:.5;cursor:not-allowed}.cbe-btn-primary{background:linear-gradient(135deg,var(--cbe-green),#145530);color:#fff;border-color:var(--cbe-green);box-shadow:0 4px 20px #1a6b3c66}.cbe-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--cbe-green-light),var(--cbe-green));box-shadow:0 8px 32px #22c55e66;transform:translateY(-2px);color:#fff}.cbe-btn-secondary{background:transparent;color:var(--cbe-gold-light);border-color:var(--cbe-gold)}.cbe-btn-secondary:hover:not(:disabled){background:#c9972b26;transform:translateY(-2px)}.cbe-btn-outline{background:transparent;color:var(--cbe-text-muted);border-color:var(--cbe-border-2)}.cbe-btn-outline:hover:not(:disabled){color:var(--cbe-text);border-color:#fff3}.cbe-btn-success{background:linear-gradient(135deg,var(--cbe-gold-light),var(--cbe-gold));color:#1a1204;border-color:var(--cbe-gold);box-shadow:0 4px 20px #c9972b66}.cbe-btn-success:hover:not(:disabled){box-shadow:0 8px 32px #f5c84280;transform:translateY(-2px)}.cbe-btn-sm{padding:10px 20px;font-size:13px}.cbe-btn-lg{padding:18px 44px;font-size:16px;width:100%;justify-content:center}.cbe-btn.cbe-selected{background:var(--cbe-green-light);border-color:var(--cbe-green-light);color:#06210f}.cbe-hero{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 50%,#1a2a1e 0%,var(--cbe-bg) 60%);overflow:hidden;padding:120px 24px;text-align:center}.cbe-hero-content{position:relative;z-index:2}.cbe-hero-badge{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--cbe-gold);background:#c9972b26;border:1px solid var(--cbe-border);padding:8px 20px;border-radius:100px;margin-bottom:32px}.cbe-hero-title{font-family:Georgia,serif;font-size:clamp(32px,5vw,60px);font-weight:800;line-height:1.2;color:#fff;margin-bottom:20px;max-width:900px;margin-left:auto;margin-right:auto;text-shadow:0 2px 20px rgba(0,0,0,.4)}.cbe-hero-subtitle{font-size:clamp(15px,2vw,18px);color:var(--cbe-text-muted);max-width:560px;margin:0 auto;line-height:1.7}.cbe-section{padding:100px 0;position:relative;z-index:1}.cbe-section-title{font-family:Georgia,serif;font-size:clamp(24px,3.5vw,36px);font-weight:700;text-align:center;margin-bottom:48px;color:#fff}.cbe-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;flex-wrap:wrap;gap:20px}.cbe-section-header h2{flex:1;margin:0}.cbe-stories-section{background:var(--cbe-bg-2)}.cbe-characters-section{background:var(--cbe-bg)}.cbe-preview-section{background:var(--cbe-bg-2)}.cbe-story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1024px){.cbe-story-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.cbe-story-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cbe-format-select,.cbe-purchase-type{grid-template-columns:1fr}.cbe-format-price,.cbe-purchase-price{margin-right:32px}}@media(max-width:480px){.cbe-story-grid{grid-template-columns:1fr}}.cbe-story-card{border-radius:var(--cbe-radius-sm);overflow:hidden;background:var(--cbe-bg-3);border:1px solid var(--cbe-border);transition:var(--cbe-transition);display:flex;flex-direction:column}.cbe-story-card:hover{border-color:var(--cbe-gold);transform:translateY(-4px);box-shadow:0 8px 24px #0006}.cbe-story-card-image{width:100%;height:200px;background-size:cover;background-position:center;position:relative;background-color:#1a2e1a}.cbe-story-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.cbe-story-card-content{padding:20px;display:flex;flex-direction:column;flex:1;text-align:center}.cbe-story-card-icon{font-size:28px;margin-bottom:8px}.cbe-story-card-title{font-family:Georgia,serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.cbe-story-card-subtitle{font-size:11px;color:var(--cbe-gold-light);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.cbe-story-card-desc{font-size:13px;color:var(--cbe-text-muted);line-height:1.5;margin-bottom:16px;flex:1;min-height:40px}.cbe-format-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}.cbe-format-option{display:flex;align-items:center;gap:16px;padding:20px;background:var(--cbe-bg-3);border:1.5px solid var(--cbe-border);border-radius:var(--cbe-radius-sm);cursor:pointer;color:var(--cbe-text-muted);transition:var(--cbe-transition);position:relative}.cbe-format-option:hover{border-color:var(--cbe-gold);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.cbe-format-option input[type=radio]{position:absolute;top:16px;right:16px;accent-color:var(--cbe-gold);width:18px;height:18px;margin:0}.cbe-format-option:has(input:checked){border-color:var(--cbe-gold);background:#c9972b1a;box-shadow:0 0 0 2px #c9972b40}.cbe-format-icon{font-size:32px;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:10px}.cbe-format-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.cbe-format-name{font-family:Georgia,serif;font-size:16px;font-weight:700;color:#fff}.cbe-format-desc{font-size:12px;color:var(--cbe-text-muted);line-height:1.4}.cbe-format-option:has(input:checked) .cbe-format-name{color:var(--cbe-gold-light)}.cbe-format-price{font-size:18px;font-weight:700;color:var(--cbe-gold-light);white-space:nowrap;margin-right:24px}.cbe-story-card.cbe-selected{border-color:var(--cbe-green-light);box-shadow:0 0 0 2px #22c55e4d}.cbe-info-badge{text-align:center;padding:16px 24px;background:#22c55e1a;border-left:4px solid var(--cbe-green-light);color:var(--cbe-green-light);font-weight:600;margin:0 auto 40px;max-width:1240px;border-radius:var(--cbe-radius-sm)}.cbe-form{max-width:900px;margin:0 auto}.cbe-characters-list{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.cbe-character-card{background:var(--cbe-bg-3);border:1px solid var(--cbe-border);border-radius:var(--cbe-radius-sm);padding:24px}.cbe-character-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--cbe-border-2);gap:16px}.cbe-character-card-title{font-size:15px;font-weight:700;color:#fff;margin:0}.cbe-char-remove-btn{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3);padding:6px 14px;border-radius:100px;cursor:pointer;font-weight:600;font-size:12px;transition:all .3s}.cbe-char-remove-btn:hover{background:#ef44444d;color:#fecaca}.cbe-character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cbe-field{display:flex;flex-direction:column}.cbe-field-full{grid-column:1 / -1}.cbe-label{font-size:12px;font-weight:600;margin-bottom:8px;color:var(--cbe-text);text-transform:uppercase;letter-spacing:.5px}.cbe-required{color:var(--cbe-gold-light)}.cbe-input{background:#ffffff0a;border:1.5px solid var(--cbe-border-2);border-radius:var(--cbe-radius-sm);padding:12px 14px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none;width:100%}.cbe-input:focus{border-color:var(--cbe-gold);box-shadow:0 0 0 3px #c9972b26}.cbe-input::placeholder{color:#4b5563}select.cbe-input{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23c9972b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}select.cbe-input option{background-color:var(--cbe-bg-3);color:var(--cbe-text)}select.cbe-input option:checked,select.cbe-input option:hover{background-color:var(--cbe-gold);color:#1a1204}.cbe-story-dropdown{display:block;max-width:500px;margin:0 auto;font-size:16px;padding:16px 20px}.cbe-upload-zone{position:relative;border:2px dashed var(--cbe-border);border-radius:var(--cbe-radius-sm);background:#ffffff05;padding:32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;min-height:140px;display:flex;align-items:center;justify-content:center}.cbe-upload-zone:hover{border-color:var(--cbe-gold);background:#c9972b14}.cbe-upload-zone.cbe-has-image{border-style:solid;border-color:var(--cbe-gold);padding:0}.cbe-upload-zone.cbe-has-image .cbe-upload-zone-inner{display:none!important}.cbe-upload-zone-inner{pointer-events:none}.cbe-upload-icon{font-size:32px;margin-bottom:12px}.cbe-upload-label{font-size:13px;font-weight:600;color:var(--cbe-text);margin-bottom:4px}.cbe-upload-hint{font-size:11px;color:var(--cbe-text-muted)}.cbe-upload-preview{max-width:100%;max-height:300px;border-radius:var(--cbe-radius-sm)}.cbe-file-input{display:none}.cbe-form-actions{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;justify-content:center}.cbe-form-actions .cbe-btn{flex:1;min-width:200px;justify-content:center}.cbe-preview-subtitle{text-align:center;font-size:15px;color:var(--cbe-text-muted);margin-bottom:48px;font-style:italic}.cbe-book-container{display:flex;justify-content:center;margin-bottom:32px;perspective:1200px}.cbe-book{position:relative;width:100%;max-width:900px;aspect-ratio:2 / 1.4;display:flex;background:var(--cbe-bg-3);border-radius:8px;box-shadow:0 40px 80px #000000b3;overflow:hidden;transform-style:preserve-3d;border:1px solid var(--cbe-border)}.cbe-book-spine{position:absolute;left:50%;top:0;bottom:0;width:20px;margin-left:-10px;background:linear-gradient(180deg,#0a3d1f,#062814);z-index:2;box-shadow:2px 0 8px #0006,-2px 0 8px #0006}.cbe-page{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--cbe-cream);overflow:hidden}.cbe-page-left{border-radius:4px 0 0 4px;box-shadow:inset -8px 0 20px #0000004d}.cbe-page-right{border-radius:0 4px 4px 0;box-shadow:inset 8px 0 20px #00000026}.cbe-page-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.cbe-page-inner img{max-width:100%;max-height:100%;display:block;border-radius:2px}.cbe-nav{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:24px}.cbe-nav-btn{background:#0d1117cc;color:var(--cbe-gold);border:1.5px solid var(--cbe-border);width:52px;height:52px;border-radius:50%;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:var(--cbe-transition);font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cbe-nav-btn:hover:not(:disabled){background:#c9972b26;border-color:var(--cbe-gold);transform:scale(1.08)}.cbe-nav-btn:disabled{opacity:.3;cursor:not-allowed}.cbe-page-counter{font-size:14px;font-weight:600;color:var(--cbe-text-muted);min-width:120px;text-align:center;letter-spacing:1px}.cbe-hints{text-align:center;color:var(--cbe-text-muted);font-size:13px;margin-bottom:48px}.cbe-hints p{margin:0}.cbe-purchase-type{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:900px;margin:0 auto 32px}.cbe-purchase-option{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--cbe-bg-3);border:1.5px solid var(--cbe-border);border-radius:var(--cbe-radius-sm);cursor:pointer;transition:var(--cbe-transition);color:var(--cbe-text);position:relative}.cbe-purchase-option:hover{border-color:var(--cbe-gold);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.cbe-purchase-option input[type=radio]{position:absolute;top:14px;right:14px;accent-color:var(--cbe-gold);width:18px;height:18px;margin:0}.cbe-purchase-option:has(input:checked){border-color:var(--cbe-gold);background:#c9972b1a;box-shadow:0 0 0 2px #c9972b40}.cbe-purchase-icon{font-size:26px;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:10px}.cbe-purchase-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.cbe-purchase-name{font-family:Georgia,serif;font-size:15px;font-weight:700;color:#fff}.cbe-purchase-option:has(input:checked) .cbe-purchase-name{color:var(--cbe-gold-light)}.cbe-purchase-desc{font-size:11px;color:var(--cbe-text-muted);line-height:1.4}.cbe-purchase-price{font-size:17px;font-weight:700;color:var(--cbe-gold-light);white-space:nowrap;margin-right:20px}.cbe-cart-section{max-width:500px;margin:0 auto}@media(max-width:768px){.cbe-section-title{font-size:24px;margin-bottom:32px}.cbe-section{padding:60px 0}.cbe-character-grid{grid-template-columns:1fr}.cbe-nav{gap:16px}.cbe-nav-btn{width:44px;height:44px;font-size:18px}.cbe-section-header{flex-direction:column;align-items:stretch}.cbe-section-header .cbe-btn{width:100%;justify-content:center}.cbe-form-actions{flex-direction:column}.cbe-form-actions .cbe-btn{flex:none;width:100%}}@media(max-width:480px){.cbe-hero{padding:80px 16px}.cbe-container{padding:0 16px}.cbe-character-card{padding:16px}.cbe-upload-zone{padding:24px 16px}.cbe-nav-btn{width:40px;height:40px;font-size:16px}.cbe-page-counter{font-size:12px}.cbe-btn-lg{padding:14px 24px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/dd-book-engine.css.map */