*{margin:0;padding:0;box-sizing:border-box}:root{--pastel-pink: #ffd6e0;--pastel-blue: #c6e2ff;--pastel-green: #d4f4dd;--pastel-yellow: #fff4c6;--pastel-lavender: #e6d6ff;--pastel-peach: #ffe6d6;--dark-text: #2d3748;--medium-text: #4a5568;--light-bg: #fafafa;--border-color: #333;--shadow: rgba(0, 0, 0, .1)}body{font-family:Poppins,Rubik,sans-serif;background-color:var(--light-bg);color:var(--dark-text);line-height:1.6}.app-container{max-width:900px;margin:0 auto;padding:20px}.app-header{text-align:center;padding:40px 20px;background-color:var(--pastel-pink);border:4px solid var(--border-color);border-radius:0;margin-bottom:30px;position:relative}.app-header h1{font-size:2.5rem;font-weight:600;color:var(--dark-text);margin-bottom:0}.new-book-btn{position:absolute;top:20px;right:20px;padding:10px 20px;font-size:1rem;font-weight:600;font-family:inherit;color:var(--dark-text);background-color:#fff;border:3px solid var(--border-color);border-radius:0;cursor:pointer;transition:all .2s ease}.new-book-btn:hover{background-color:var(--pastel-yellow);transform:translateY(-2px)}.new-book-btn:active{transform:translateY(0)}.main-content{display:flex;flex-direction:column;gap:30px}.section{padding:30px;border:4px solid var(--border-color);border-radius:0;background-color:#fff}.cover-page{background-color:var(--pastel-blue)}.page-editor:nth-of-type(odd){background-color:var(--pastel-green)}.page-editor:nth-of-type(2n){background-color:var(--pastel-yellow)}.section-title{font-size:1.8rem;font-weight:600;margin-bottom:20px;color:var(--dark-text)}.page-title{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:var(--dark-text)}.input-group{margin-bottom:20px}.input-group:last-child{margin-bottom:0}.input-group label{display:block;font-weight:600;margin-bottom:8px;font-size:1rem;color:var(--dark-text)}.text-input{width:100%;padding:12px 16px;font-size:1rem;font-family:inherit;border:4px solid var(--border-color);border-radius:0;background-color:#fff;color:var(--dark-text);transition:box-shadow .2s ease}.text-input:focus{outline:none;box-shadow:0 0 0 3px var(--pastel-lavender)}.text-area{width:100%;padding:12px 16px;font-size:1rem;font-family:inherit;border:4px solid var(--border-color);border-radius:0;background-color:#fff;color:var(--dark-text);resize:vertical;min-height:150px;transition:box-shadow .2s ease}.text-area:focus{outline:none;box-shadow:0 0 0 3px var(--pastel-lavender)}.preview-toggle-btn{padding:6px 12px;font-size:.85rem;font-weight:600;font-family:inherit;color:var(--dark-text);background-color:#fff;border:2px solid var(--border-color);border-radius:0;cursor:pointer;transition:all .2s ease}.preview-toggle-btn:hover{background-color:var(--pastel-blue)}.markdown-preview{width:100%;padding:12px 16px;font-size:1rem;font-family:inherit;border:4px solid var(--border-color);border-radius:0;background-color:#fff;color:var(--dark-text);min-height:150px;overflow-y:auto;max-height:400px}.markdown-preview h1{font-size:2rem;font-weight:600;margin:1rem 0;color:var(--dark-text)}.markdown-preview h2{font-size:1.6rem;font-weight:600;margin:.9rem 0;color:var(--dark-text)}.markdown-preview h3{font-size:1.4rem;font-weight:600;margin:.8rem 0;color:var(--dark-text)}.markdown-preview p{margin:.6rem 0;line-height:1.6}.markdown-preview strong{font-weight:600}.markdown-preview em{font-style:italic}.markdown-preview ul,.markdown-preview ol{margin:.6rem 0;padding-left:1.5rem}.markdown-preview li{margin:.3rem 0}.markdown-preview blockquote{border-left:4px solid var(--pastel-blue);padding-left:1rem;margin:1rem 0;color:var(--medium-text);font-style:italic}.markdown-preview code{background:var(--pastel-yellow);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.markdown-preview pre{background:var(--light-bg);padding:12px;border:2px solid var(--border-color);overflow-x:auto;margin:12px 0}.markdown-preview pre code{background:none;padding:0}.image-drop-zone{width:100%;padding:40px;border:4px dashed var(--border-color);border-radius:0;background-color:#fff;text-align:center;cursor:pointer;transition:all .2s ease}.image-drop-zone:hover{background-color:var(--pastel-peach);border-style:solid}.image-drop-zone.dragging{background-color:var(--pastel-lavender);border-style:solid}.image-drop-zone p{color:var(--medium-text);font-size:1rem}.image-preview{position:relative;width:100%;border:4px solid var(--border-color);border-radius:0;background-color:#fff;padding:10px}.image-preview img{width:100%;height:auto;display:block}.remove-image-btn{position:absolute;top:20px;right:20px;padding:8px 16px;background-color:#fff;color:var(--dark-text);border:3px solid var(--border-color);border-radius:0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.remove-image-btn:hover{background-color:var(--pastel-pink)}.download-section{padding:40px;text-align:center;background-color:var(--pastel-lavender);border:4px solid var(--border-color);border-radius:0}.download-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-bottom:20px;text-align:center}.download-buttons{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.download-option-btn{display:flex;flex-direction:column;align-items:center;gap:15px;padding:25px;min-width:200px;font-family:inherit;background-color:#fff;border:4px solid var(--border-color);border-radius:0;cursor:pointer;transition:all .2s ease;box-shadow:6px 6px 0 var(--shadow)}.download-option-btn:hover{background-color:var(--pastel-pink);transform:translate(2px,2px);box-shadow:4px 4px 0 var(--shadow)}.download-option-btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--shadow)}.download-option-btn:disabled{opacity:.6;cursor:not-allowed}.download-option-btn:disabled:hover{background-color:#fff;transform:none;box-shadow:6px 6px 0 var(--shadow)}.download-icon{width:120px;height:100px}.download-btn-text{display:flex;flex-direction:column;gap:5px;text-align:center}.download-btn-title{font-size:1.1rem;font-weight:600;color:var(--dark-text)}.download-btn-desc{font-size:.85rem;font-weight:400;color:var(--medium-text);line-height:1.3}.loading-spinner{width:120px;height:100px;display:flex;align-items:center;justify-content:center}.loading-spinner:after{content:"";width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--pastel-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[dir=rtl]{font-family:Rubik,Poppins,sans-serif}[dir=rtl] .new-book-btn{right:auto;left:20px}@media (max-width: 768px){.app-container{padding:15px}.app-header{padding:30px 15px}.app-header h1{font-size:2rem}.section{padding:20px}.section-title{font-size:1.5rem}.page-title{font-size:1.3rem}.download-buttons{flex-direction:column;gap:20px}.download-option-btn{min-width:100%}}