*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafbfc;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-primary: #e85d04;--color-primary-hover: #d45203;--color-primary-light: #fff3e6;--color-border: #e5e7eb;--color-drop-bg: #fff8f0;--color-drop-border: #fdba74;--radius: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html{font-size:16px}body{font-family:var(--font);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;background:repeating-linear-gradient(32deg,transparent 0px,transparent 40px,rgba(232,93,4,.03) 40px,rgba(232,93,4,.03) 42px),repeating-linear-gradient(-28deg,transparent 0px,transparent 55px,rgba(52,152,219,.03) 55px,rgba(52,152,219,.03) 57px),repeating-linear-gradient(72deg,transparent 0px,transparent 45px,rgba(39,174,96,.025) 45px,rgba(39,174,96,.025) 47px),repeating-linear-gradient(-62deg,transparent 0px,transparent 65px,rgba(155,89,182,.025) 65px,rgba(155,89,182,.025) 67px),repeating-linear-gradient(15deg,transparent 0px,transparent 50px,rgba(241,196,15,.03) 50px,rgba(241,196,15,.03) 52px),repeating-linear-gradient(-45deg,transparent 0px,transparent 35px,rgba(231,76,60,.025) 35px,rgba(231,76,60,.025) 37px),var(--color-bg)}#app{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-bottom:1rem;position:relative;z-index:20}#header-auth{display:flex;align-items:center;gap:.5rem}.profile-menu{position:relative}.profile-trigger{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.profile-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);transition:border-color .15s}.profile-trigger:hover .profile-avatar{border-color:var(--color-primary)}.profile-initials{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.profile-dropdown{position:absolute;top:40px;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:200px;z-index:100;padding:.5rem 0}.profile-info{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.15rem}.profile-info strong{font-size:.85rem}.profile-email{font-size:.75rem;color:var(--color-text-muted)}.profile-divider{border:none;border-top:1px solid var(--color-border);margin:.25rem 0}.profile-item{display:block;width:100%;text-align:left;background:none;border:none;padding:.5rem 1rem;font-size:.85rem;font-family:var(--font);cursor:pointer;color:var(--color-text)}.profile-item:hover{background:var(--color-primary-light)}.profile-signout{color:var(--color-text-muted)}.btn-signin{font-size:.85rem;padding:.4rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-signin:hover{background:#d14e03}.logo{font-family:"Fredoka",var(--font);font-size:1.5rem;font-weight:700;color:var(--color-primary);display:inline-flex;align-items:center;gap:.4rem}.logo-icon{display:inline-block;height:1.6rem;width:auto;vertical-align:middle}:root{--crayon-red: #e74c3c;--crayon-orange: #e85d04;--crayon-yellow: #f1c40f;--crayon-green: #27ae60;--crayon-blue: #3498db;--crayon-purple: #9b59b6}#landing-content{position:relative;overflow:hidden}.value-ribbon{position:fixed;top:48px;right:-55px;width:340px;text-align:center;transform:rotate(35deg);z-index:10;pointer-events:none;background:linear-gradient(180deg,var(--crayon-red),var(--crayon-orange) 35%,var(--crayon-green) 65%,var(--crayon-blue));padding:10px 0;box-shadow:0 2px 8px #0003;overflow:hidden}.value-ribbon-track{display:flex;white-space:nowrap;animation:ribbonScrollH 15s ease-in-out infinite}.value-ribbon span{display:inline-block;width:340px;flex-shrink:0;font-size:.95rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 1px 2px rgba(0,0,0,.2);text-align:center}@keyframes ribbonScrollH{0%,30%{transform:translate(0)}33%,63%{transform:translate(-340px)}66%,96%{transform:translate(-680px)}to{transform:translate(0)}}@media(max-width:600px){.value-ribbon{width:260px;top:40px;right:-50px;padding:8px 0}.value-ribbon span{font-size:.52rem;width:260px}@keyframes ribbonScrollH{0%,30%{transform:translate(0)}33%,63%{transform:translate(-260px)}66%,96%{transform:translate(-520px)}to{transform:translate(0)}}}.hero{text-align:center;padding:2.5rem 1rem 1.5rem;max-width:750px;margin:0 auto}.hero:after{content:"";display:block;margin:2rem auto 0;width:280px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--crayon-red) 0%,var(--crayon-orange) 20%,var(--crayon-yellow) 40%,var(--crayon-green) 60%,var(--crayon-blue) 80%,var(--crayon-purple) 100%)}.hero-demo{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem auto 1.5rem;max-width:900px}.hero-demo-side{flex:1;text-align:center}.hero-demo-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.5rem}.hero-demo-scene{border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;border:2px solid var(--color-border);transition:transform .2s,box-shadow .2s}.hero-demo-scene:hover{transform:scale(1.03);box-shadow:0 6px 24px #00000026}.hero-demo-coloring .hero-demo-scene{border-style:dashed}.hero-scene-svg,.hero-scene-img{display:block;width:100%;height:auto;border-radius:4px}.hero-demo-arrow{flex-shrink:0;width:40px;height:24px;color:var(--color-primary);animation:arrowPulse 2s ease-in-out infinite}.hero-demo-arrow svg{width:100%;height:100%}@keyframes arrowPulse{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(4px);opacity:1}}.hero-title{font-size:2.2rem;font-weight:800;line-height:1.2;color:var(--color-text);margin-bottom:1rem}.hero-highlight{color:var(--color-primary);position:relative}.hero-highlight:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-4px;height:8px;background:linear-gradient(90deg,var(--crayon-red),var(--crayon-orange),var(--crayon-yellow),var(--crayon-green),var(--crayon-blue),var(--crayon-purple));border-radius:4px;opacity:.35;transform:rotate(-.5deg)}.hero-subtitle{font-size:1.1rem;color:var(--color-text-muted);line-height:1.6;max-width:560px;margin:0 auto}.hero-privacy{margin-top:1rem;font-size:.9rem;color:var(--color-text);background:var(--color-primary-light);padding:.7rem 1.25rem;border-radius:8px;display:inline-block;border-left:3px solid var(--color-primary)}.section-title{text-align:center;font-size:1.5rem;font-weight:800;color:var(--color-text);margin-bottom:1.5rem}.how-it-works{max-width:800px;margin:3rem auto 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.step{text-align:center;padding:1rem}.step-number{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.step:nth-child(1) .step-number{background:var(--crayon-blue)}.step:nth-child(2) .step-number{background:var(--crayon-green)}.step:nth-child(3) .step-number{background:var(--crayon-orange)}.step h3{font-size:.95rem;font-weight:700;margin-bottom:.4rem}.step p{font-size:.8rem;color:var(--color-text-muted);line-height:1.5}.features-section{max-width:960px;margin:3rem auto 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature{text-align:center;padding:1.5rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:box-shadow .15s}.feature:hover{box-shadow:var(--shadow-md)}.feature-icon{width:2.5rem;height:2.5rem;margin:0 auto .5rem;color:var(--color-primary)}.feature-icon svg{width:100%;height:100%}.feature h3{font-size:.9rem;font-weight:700;margin-bottom:.4rem;color:var(--color-text)}.feature p{font-size:.8rem;color:var(--color-text-muted);line-height:1.5}.feature-note{display:block;margin-top:.3rem;font-size:.7rem;color:var(--color-primary);font-style:normal;font-weight:600}.use-cases{max-width:800px;margin:3rem auto 0}.use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.use-case{text-align:center;padding:1.25rem 1rem;border-radius:var(--radius);border-left:4px solid var(--color-primary)}.use-case:nth-child(1){background:#fef2f2;border-color:var(--crayon-red)}.use-case:nth-child(2){background:#f0fdf4;border-color:var(--crayon-green)}.use-case:nth-child(3){background:#fffbeb;border-color:var(--crayon-yellow)}.use-case:nth-child(4){background:#eff6ff;border-color:var(--crayon-blue)}.use-case strong{display:block;font-size:.95rem;margin-bottom:.3rem;color:var(--color-text)}.use-case p{font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.trust-section{max-width:700px;margin:3rem auto 0}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.faq-item summary{padding:.9rem 1.25rem;font-weight:600;font-size:.9rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary:after{content:"+";font-size:1.2rem;color:var(--color-text-muted);transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 1.25rem 1rem;font-size:.85rem;color:var(--color-text-muted);line-height:1.6}.upload-zone{max-width:600px;margin:0 auto;border:2px dashed var(--color-border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;background:var(--color-surface)}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--color-drop-border);background:var(--color-drop-bg)}.upload-zone-content{pointer-events:none}.upload-icon{width:48px;height:48px;color:var(--color-text-muted);margin:0 auto 1rem}.upload-icon svg{width:100%;height:100%}.upload-text{font-size:1.15rem;font-weight:600;color:var(--color-text)}.upload-subtext{margin-top:.35rem;color:var(--color-text-muted);font-size:.9rem}.upload-zone input[type=file]{display:none}.opencv-loading,.processing{text-align:center;padding:3rem 1rem;color:var(--color-text-muted)}.processing-note{margin-top:.5rem;font-size:.8rem}.spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#dc2626}.crop-step{animation:fadeIn .3s ease}.crop-wrapper{position:relative;display:inline-block;width:100%;max-width:100%;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:var(--radius);overflow:hidden}.crop-image{display:block;width:100%;height:auto;border-radius:var(--radius)}.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none}.crop-box{position:absolute;border:2px solid white;background:transparent;box-shadow:0 0 0 9999px #0000004d;cursor:move;pointer-events:auto}.crop-handle{position:absolute;width:16px;height:16px;background:#fff;border:2px solid var(--color-primary);border-radius:3px;pointer-events:auto;z-index:1}.crop-handle-nw{top:-8px;left:-8px;cursor:nw-resize}.crop-handle-ne{top:-8px;right:-8px;cursor:ne-resize}.crop-handle-sw{bottom:-8px;left:-8px;cursor:sw-resize}.crop-handle-se{bottom:-8px;right:-8px;cursor:se-resize}.crop-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.result{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.controls{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.comparison{position:relative;overflow:hidden;border-radius:4px;border:1px solid var(--color-border);box-shadow:0 4px 20px #00000026;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;transition:transform .3s ease,margin .3s ease;max-width:900px;margin:0 auto}.compare-img{display:block;width:100%;height:auto}.compare-original{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;clip-path:inset(0 50% 0 0)}.compare-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:2}.compare-handle-line{flex:1;width:2px;background:var(--color-primary)}.compare-handle-grip{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;flex-shrink:0}.compare-handle-grip svg{width:24px;height:24px}.compare-label{position:absolute;bottom:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:4px;pointer-events:none;z-index:1}.compare-label-left{left:12px;background:#0009;color:#fff}.compare-label-right{right:12px;background:#ffffffd9;color:var(--color-text);border:1px solid var(--color-border)}.style-selector{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.style-btn{padding:.45rem 1.25rem;border:1.5px solid var(--color-border);border-radius:20px;background:var(--color-surface);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;color:var(--color-text-muted);transition:all .15s}.style-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.style-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.slider-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.85rem 1.25rem}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.slider-value{font-weight:400;color:var(--color-primary);font-size:.85rem}.slider-row{display:flex;align-items:center;gap:.75rem}.slider-end{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}input[type=range]{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 4px #0003}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 4px #0003}.actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.download-btn-group{display:flex;gap:.35rem}.download-btn-group .btn{font-size:.82rem;padding:.55rem .9rem}.btn{padding:.7rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:background-color .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg)}.btn:disabled,.btn[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-link{background:none;border:none;color:var(--color-primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem}.btn-link:hover{text-decoration:underline}.btn-lg{padding:1rem 2.5rem;font-size:1.1rem}.view{animation:fadeIn .3s ease}#view-landing{background-image:radial-gradient(circle,rgba(0,0,0,.04) 1px,transparent 1px);background-size:24px 24px;padding-bottom:3rem}.landing-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:1040px;margin:0 auto}.landing-card{background:var(--color-surface);border:3px solid var(--color-primary);border-radius:16px;padding:1.5rem 1.5rem 1.75rem;text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:inherit;position:relative;overflow:hidden}.landing-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.landing-card-badge{position:absolute;top:12px;right:12px;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px}.landing-card-free-banner{position:absolute;top:14px;left:-32px;width:120px;text-align:center;padding:4px 0;background:var(--crayon-green);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.12em;transform:rotate(-35deg);box-shadow:0 2px 6px #00000026;z-index:2}.landing-card-preview{width:100%;max-height:234px;border-radius:10px;overflow:hidden;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center}.landing-card-preview--page{background:linear-gradient(135deg,#fff3e6,#fce4ec,#e8f5e9);padding:.75rem .5rem}.landing-card-preview--book{background:linear-gradient(135deg,#e3f2fd,#f3e5f5,#fff8e1);padding:.75rem;display:flex;align-items:center;justify-content:center}.card-preview-pair{display:flex;align-items:center;gap:.35rem}.card-preview-img{flex:1;min-width:0;border-radius:6px;object-fit:contain;max-height:198px;box-shadow:0 2px 8px #0000001a;border:2px solid white;transition:transform .2s}.card-preview-img--coloring{border-style:dashed;border-color:var(--color-border)}.landing-card:hover .card-preview-img{transform:scale(1.03)}.card-preview-arrow{flex-shrink:0;width:24px;height:16px;color:var(--color-primary);opacity:.6}.card-preview-arrow svg{width:100%;height:100%}.card-book-cover{max-width:100%;max-height:198px;border-radius:6px;box-shadow:0 3px 12px #00000026;transition:transform .2s}.landing-card:hover .card-book-cover{transform:scale(1.03)}.card-book-placeholder{display:flex;align-items:center;justify-content:center;width:100%;max-height:160px}.card-book-placeholder svg{height:140px;width:auto}.landing-card h2{font-size:1.2rem;font-weight:800;color:var(--color-text)}.landing-card p{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.landing-card-sub{font-size:.75rem;color:var(--color-primary);font-weight:600;margin-top:-.25rem}.logo{cursor:pointer;text-decoration:none}.logo:hover{opacity:.85}.project-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.project-empty{text-align:center;color:var(--color-text-muted);padding:2rem}.project-card{display:flex;align-items:center;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem;transition:box-shadow .15s}.project-card-info{flex:1;min-width:0}.project-card-reorder{display:flex;flex-direction:column;gap:.15rem}.btn-reorder{background:none;border:1px solid var(--color-border);border-radius:4px;width:24px;height:20px;font-size:.7rem;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;padding:0}.btn-reorder:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.project-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.project-page-info{font-size:.85rem;color:var(--color-text-muted);font-weight:600}.project-card:hover{box-shadow:var(--shadow-md)}.project-card-info h3{font-size:1rem;font-weight:600;margin-bottom:.2rem}.project-card-info p{font-size:.8rem;color:var(--color-text-muted)}.project-card-actions{display:flex;gap:.5rem;align-items:center}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-text-danger{background:none;border:none;color:#dc2626;font-size:.8rem;cursor:pointer;padding:.4rem .8rem;border-radius:6px}.btn-text-danger:hover{background:#fef2f2}.project-actions{display:flex;justify-content:center;margin-bottom:1.5rem}.storage-info{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:.8rem;color:var(--color-text-muted)}.book-step-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.book-upload-layout{display:grid;grid-template-columns:1fr 260px;gap:1.5rem;align-items:start}.book-upload-main{min-width:0}.book-options-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;position:sticky;top:1.5rem}.book-options-panel h3{font-size:.95rem;font-weight:700;margin-bottom:1rem}.book-options-toggles{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem;font-size:.85rem;color:var(--color-text)}.book-options-toggles label{display:flex;align-items:center;gap:.4rem;cursor:pointer}.book-options-subhead{font-size:.85rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:var(--color-text)}.book-options-note{margin-top:.75rem;font-size:.75rem;color:var(--color-text-muted);font-style:italic}.processing-status{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.processing-status h4{font-size:.85rem;margin-bottom:.5rem}.processing-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.processing-bar-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease;width:0%}.processing-status-text{font-size:.75rem;color:var(--color-text-muted);margin-top:.3rem}.page-actions-bar{display:flex;align-items:center;gap:.5rem;justify-content:center;flex-wrap:wrap}.preview-page-slot{flex:1;min-width:0;max-width:48%;display:flex;flex-direction:column;align-items:center}.preview-page-slot .preview-page-canvas{max-width:100%;width:100%}.page-slot-actions{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.85rem}.page-slot-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.btn-xs{font-size:.8rem;padding:.2rem .5rem;border-radius:4px}.page-slot-rotate-left,.page-slot-rotate-right{font-size:1.1rem;padding:.1rem .4rem}.page-slot-delete{font-size:1.1rem;color:var(--color-primary)!important;font-weight:700;padding:.1rem .45rem;border:none!important;background:none!important}.page-actions-label{font-size:.85rem;font-weight:600;color:var(--color-text);min-width:80px;text-align:center}.spread-click-hint{font-size:.75rem;color:var(--color-text-muted);font-style:italic;text-align:center;margin:0}.exif-missing-hint{font-size:.78rem;color:#856404;font-style:italic;margin:.25rem 0 0;padding:.4rem .6rem;background:#fef3cd;border-radius:4px;border-left:3px solid #f1c40f;grid-column:1 / -1}.page-meta-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.caption-hint,.label-hint{font-weight:400;color:var(--color-text-muted);font-size:.75rem}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem;align-items:start}.book-thumb-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;position:relative;cursor:grab;transition:box-shadow .15s,transform .15s}.book-thumb-card:hover{box-shadow:var(--shadow-md)}.book-thumb-card.dragging{opacity:.5;transform:scale(.95)}.book-thumb-card.drag-target{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.book-thumb-number{position:absolute;top:6px;left:6px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.book-thumb-frame{position:relative;overflow:hidden;background:#fff}.book-thumb-img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center center}.book-thumb-caption{padding:.4rem .5rem;font-size:.7rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-thumb-actions{display:flex;gap:.3rem;padding:.4rem .5rem;justify-content:center}.book-thumb-card.processing .book-thumb-frame{opacity:.5}.book-thumb-processing{position:absolute;top:0;left:0;right:0;bottom:40px;display:flex;align-items:center;justify-content:center;z-index:2}.book-thumb-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.book-thumb-btn:hover{background:var(--color-drop-bg);color:var(--color-text);border-color:var(--color-text-muted)}.book-thumb-btn:disabled{opacity:.3;cursor:not-allowed}.book-thumb-btn.book-thumb-delete:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.book-thumb-btn svg{flex-shrink:0}.book-grid-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.25rem}.book-processing-status{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-top:1rem;color:var(--color-text-muted);font-size:.9rem}.spinner-sm{width:20px;height:20px;border-width:2px}.page-options{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.input-group{display:flex;flex-direction:column;gap:.3rem}.input-group label{font-size:.85rem;font-weight:600;color:var(--color-text)}.input-group input[type=text],.input-group textarea,.input-group select{padding:.6rem .8rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .15s}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{border-color:var(--color-primary)}.checkbox-group{display:flex;gap:1.5rem;font-size:.85rem;color:var(--color-text)}.checkbox-group label{display:flex;align-items:center;gap:.4rem;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal{background:var(--color-surface);border-radius:var(--radius);padding:2rem;max-width:420px;width:calc(100% - 2rem);box-shadow:0 8px 30px #0003;animation:modalSlide .2s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.modal p{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1rem;line-height:1.5}.modal .input-group{margin-bottom:1.25rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.wizard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .15s ease}.wizard{background:var(--color-surface);border-radius:var(--radius);padding:2rem;max-width:580px;width:calc(100% - 2rem);box-shadow:0 8px 30px #0003;animation:modalSlide .2s ease}.wizard-header{margin-bottom:1.25rem}.wizard-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.wizard-brand{display:inline-flex;align-items:center;gap:.35rem}.wizard-brand-name{font-family:"Fredoka",var(--font);font-size:1.1rem;font-weight:700;color:var(--color-primary)}.wizard-processing-note{font-size:.8rem;color:var(--color-text-muted);margin:0 0 .15rem}.wizard-header h3{font-size:1.15rem;font-weight:700;margin:0}.wizard-skip{font-size:.85rem;color:var(--color-text-muted);cursor:pointer;background:none;border:none;padding:.25rem .5rem}.wizard-skip:hover{color:var(--color-text)}.wizard-skip-confirm{color:#dc2626!important;font-weight:600}.wizard-step-label{font-size:.95rem;font-weight:600;margin-bottom:1rem;color:var(--color-text)}.wizard-book-details{display:flex;flex-direction:column;gap:.75rem}.wizard-book-details .input-group{margin-bottom:0}.wizard-book-details .input-group label{font-size:.95rem;font-weight:700}.wizard-book-details .input-group input[type=text],.wizard-book-details .input-group select{font-size:1rem;padding:.7rem .9rem}.label-optional{font-weight:400;font-size:.8rem;color:var(--color-text-muted)}.wizard-font-cards{display:flex;gap:.5rem}.wizard-font-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .4rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;transition:border-color .15s,background .15s}.wizard-font-card span{font-size:1.4rem;line-height:1.2}.wizard-font-card small{font-size:.65rem;color:var(--color-text-muted);font-family:var(--font)}.wizard-font-card:hover{border-color:var(--color-text-muted)}.wizard-font-card.selected{border-color:var(--color-primary);background:#ff8c320f}.wizard-book-details-row{display:flex;gap:.75rem}.wizard-book-details-row .input-group{flex:1;margin-bottom:0}.wizard-upsell{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border)}.wizard-upsell-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;cursor:pointer}.wizard-upsell-badge{font-weight:400;font-size:.75rem;color:var(--color-primary);background:#ff8c321a;padding:.1rem .4rem;border-radius:4px}.wizard-upsell-details{margin-top:.5rem;padding:.75rem;background:var(--color-drop-bg);border-radius:8px}.wizard-upsell-desc{font-size:.82rem;color:var(--color-text-muted);margin:0 0 .5rem}.wizard-handedness{display:flex;flex-direction:column;gap:.35rem}.wizard-upsell-auto,.export-color-ref-auto{font-size:.82rem;color:var(--color-primary);font-weight:600;margin:.25rem 0 0}.wizard-handedness label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.wizard-hand-hint{font-size:.72rem;font-weight:600;color:var(--color-primary);margin-left:.25rem}.wizard-size-cards{display:flex;gap:.75rem}.wizard-size-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .5rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;transition:border-color .15s,background .15s}.wizard-size-card:hover{border-color:var(--color-text-muted)}.wizard-size-card.selected{border-color:var(--color-primary);background:#ff8c320f}.wizard-size-preview{background:var(--color-border);border-radius:3px}.wizard-size-letter{width:44px;height:57px}.wizard-size-square{width:50px;height:50px}.wizard-size-a4{width:42px;height:60px}.wizard-size-name{font-size:.85rem;font-weight:600}.wizard-size-desc{font-size:.72rem;color:var(--color-text-muted)}.wizard-toggles{display:flex;flex-direction:column;gap:.75rem}.wizard-toggles label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.wizard-caption-options{display:flex;flex-direction:column;gap:.75rem}.wizard-caption-options .input-group{margin-bottom:0}.wizard-step3-layout{display:flex;gap:1.5rem;align-items:flex-start}.wizard-step3-options{flex:1;min-width:0}.wizard-cover-preview{flex:0 0 auto;text-align:center}.wizard-cover-canvas{width:150px;height:auto;border-radius:6px;box-shadow:0 2px 12px #00000026}.wizard-footer{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.wizard-progress{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted)}.wizard-dots{display:flex;justify-content:center;gap:.5rem}.wizard-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background .15s}.wizard-dot.active{background:var(--color-primary)}.wizard-nav{display:flex;justify-content:flex-end;gap:.75rem}.book-preview-title{text-align:center;font-size:1.2rem;font-weight:800;color:var(--color-text);margin-bottom:1rem}.preview-flipper{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-spread{display:flex;justify-content:center;position:relative;border-radius:6px;overflow:hidden;box-shadow:0 4px 24px #0000002e,0 1px 4px #0000001a}.preview-spread:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:12px;transform:translate(-50%);background:linear-gradient(to right,#00000014,#00000026 30%,#00000038 48%,#00000040,#00000038 52%,#00000026 70%,#00000014);pointer-events:none;z-index:1}.preview-page-left{box-shadow:inset -4px 0 8px -4px #0000000f}.preview-page-right{box-shadow:inset 4px 0 8px -4px #0000000f}.preview-page-canvas{max-width:48%;max-height:80vh;background:#fff}.preview-nav{display:flex;align-items:center;gap:1.5rem}.preview-actions{margin-top:.75rem}.preview-page-info{font-size:.9rem;font-weight:600;color:var(--color-text-muted);min-width:120px;text-align:center}.rotation-buttons{display:flex;gap:.4rem}.page-options-row{display:flex;align-items:end;gap:1.5rem}.page-crop-actions{display:flex;gap:.5rem;margin-top:.5rem}.page-save-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border);display:flex;justify-content:center}.edit-page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.cover-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}.cover-preview-area{display:flex;flex-direction:column;gap:1.5rem}.cover-preview-area h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.5rem}.cover-canvas-wrapper{position:relative;-webkit-user-select:none;user-select:none;touch-action:none}.cover-canvas-wrapper .cover-canvas{cursor:ew-resize;display:block}.cover-canvas-wrapper.dragging .cover-canvas{cursor:grabbing}.cover-canvas-wrapper.linked .cover-canvas{cursor:default}.cover-canvas{width:100%;height:auto;border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-md);background:#fff}.cover-drag-hint{font-size:.75rem;color:var(--color-text-muted);margin:0;font-style:italic}.cover-controls{display:flex;flex-direction:column;gap:.75rem}.cover-section-label{font-size:.9rem;font-weight:700;color:var(--color-primary);margin-top:.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--color-border)}.cover-link-toggle,.cover-option-toggle{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-muted);cursor:pointer}.export-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.export-layout-3col{grid-template-columns:1fr 1fr 1fr}.export-settings{margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--color-drop-bg);border-radius:var(--radius)}.export-settings-row{display:flex;gap:1.5rem;align-items:end}.export-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.export-card-premium{border-color:var(--color-primary);box-shadow:0 4px 16px #e85d041f}.export-card-badge{position:absolute;top:-10px;left:1rem;background:var(--color-border);color:var(--color-text-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;border-radius:4px}.export-card-badge-premium{background:var(--color-primary);color:#fff}.export-card-features{display:flex;flex-direction:column;gap:.3rem}.export-feature{font-size:.85rem;color:var(--color-text);display:flex;align-items:center;gap:.3rem}.export-check-icon{display:inline-flex;width:.9rem;height:.9rem;flex-shrink:0;color:var(--color-primary)}.export-check-icon svg{width:100%;height:100%}.premium-price{font-size:1.5rem;font-weight:800;color:var(--color-primary);margin:.25rem 0}.premium-price-note{font-size:.85rem;font-weight:400;color:var(--color-text-muted)}.export-card-print-price{font-size:.8rem;font-weight:600;color:var(--color-primary);margin:.4rem 0 .15rem}.export-card-note{font-size:.72rem;color:var(--color-text-muted);font-style:italic;margin:.25rem 0 0}.pricing-guide{max-width:500px;margin:2rem auto 0;text-align:center}.pricing-guide h3{font-size:1rem;margin-bottom:.75rem;color:var(--color-text)}.pricing-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:.5rem}.pricing-table th{background:var(--color-primary-light);color:var(--color-primary);font-weight:700;padding:.5rem .75rem;text-align:center}.pricing-table td{padding:.45rem .75rem;text-align:center;border-bottom:1px solid var(--color-border)}.pricing-table tr:last-child td{border-bottom:none}.pricing-note{font-size:.75rem;color:var(--color-text-muted)}.export-card h3{font-size:1.1rem;font-weight:700}.export-card-desc{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.25rem}.export-card-print{border-color:var(--color-primary);border-width:2px;position:relative}.export-card-print:before{content:"Recommended";position:absolute;top:-10px;right:16px;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;padding:3px 10px;border-radius:4px}.print-pricing{background:#fffbeb;border-radius:8px;padding:.75rem 1rem}.print-price-row{display:flex;align-items:baseline;gap:.5rem}.print-price{font-size:1.6rem;font-weight:800;color:var(--color-primary)}.print-price-original{font-size:.9rem;color:var(--color-text-muted);text-decoration:line-through}.print-price-note{font-size:.75rem;color:var(--color-text-muted)}.print-features{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--color-text)}.print-feature{padding-left:.25rem}.promo-row{display:flex;gap:.5rem}.promo-row input{flex:1}.promo-message{font-size:.8rem;min-height:1.2em}.promo-message.success{color:#22c55e}.promo-message.error{color:#dc2626}.print-note{font-size:.75rem;color:var(--color-text-muted);text-align:center}.export-summary{padding:.75rem 1rem;background:var(--color-drop-bg);border-radius:8px;font-size:.85rem;color:var(--color-text)}.export-print-sides{margin:.5rem 0}.export-print-sides>label{font-size:.85rem;font-weight:600;display:block;margin-bottom:.4rem}.export-print-sides-options{display:flex;flex-direction:column;gap:.3rem}.export-print-sides-options label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.export-color-ref{margin:.5rem 0}.export-color-ref-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;cursor:pointer}.export-color-ref-options{margin-top:.5rem;padding:.75rem 1rem;background:var(--color-drop-bg);border-radius:8px}.export-color-ref-desc{font-size:.82rem;color:var(--color-text-muted);margin:0 0 .5rem}.export-color-ref-side{display:flex;flex-direction:column;gap:.35rem}.export-color-ref-side label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.export-color-ref-hint{font-size:.75rem;color:var(--color-text-muted);margin:.5rem 0 0;font-style:italic;line-height:1.4}.print-color-upgrade{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ff8c3214;border:1px solid rgba(255,140,50,.2);border-radius:8px;font-size:.85rem;color:var(--color-text)}.print-color-badge{font-weight:700;color:var(--color-primary);font-size:.85rem}.export-padding{padding:.75rem 1rem;background:var(--color-drop-bg);border-radius:8px;font-size:.85rem}.export-padding-note{margin:0 0 .5rem;color:var(--color-text-muted)}.export-padding-options{display:flex;flex-direction:column;gap:.35rem}.export-padding-options label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.export-progress{margin-top:1.5rem}.export-progress-box{background:#fffbeb;border:2px solid #f59e0b;border-radius:var(--radius);padding:1.25rem 1.5rem;text-align:center}.export-progress-header{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:1rem;color:#b45309;margin-bottom:.75rem}.export-progress-content{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--color-text);font-size:.9rem}.btn-premium{background:linear-gradient(135deg,#f59e0b,#e85d04);color:#fff;border:none}.btn-premium:hover{background:linear-gradient(135deg,#d97706,#d45203)}.premium-panel{background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1px solid #fde68a;border-radius:var(--radius);padding:1.25rem;margin-top:1rem;animation:fadeIn .2s ease}.premium-header h3{font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.premium-header p{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1rem}.premium-status{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--color-text-muted);font-size:.9rem}.premium-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.premium-compare-card{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:#fff}.premium-compare-card h4{padding:.5rem .75rem;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.premium-compare-card canvas{width:100%;height:auto;display:block}.premium-tag{font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.premium-tag.free{background:#f3f4f6;color:#6b7280}.premium-tag.pro{background:#fef3c7;color:#d97706}.premium-actions{display:flex;gap:.75rem;justify-content:center}.premium-error{padding:.75rem;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:.85rem}.share-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;margin-top:1rem;animation:fadeIn .2s ease}.share-title{font-size:1rem;font-weight:700;margin-bottom:.75rem}.share-options{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin-bottom:1rem;font-size:.85rem}.share-options label{display:flex;align-items:center;gap:.4rem;cursor:pointer}.share-preview-wrap{margin-bottom:1rem;text-align:center}.share-preview-canvas{max-width:100%;max-height:300px;border:1px solid var(--color-border);border-radius:8px}.share-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.share-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;color:#fff;transition:opacity .15s;font-family:inherit}.share-btn:hover{opacity:.9}.share-btn-icon{display:inline-flex;width:1rem;height:1rem;vertical-align:middle}.share-btn-icon svg{width:100%;height:100%}.share-btn-facebook{background:#1877f2}.share-btn-pinterest{background:#e60023}.share-btn-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.share-btn-download{background:var(--color-text)}.ad-zone{margin-top:auto;padding:1.5rem 0 .5rem;text-align:center;min-height:50px}.footer{text-align:center;padding:1.5rem 0 1rem;margin-top:2rem;border-top:4px solid;border-image:linear-gradient(90deg,var(--crayon-red),var(--crayon-orange),var(--crayon-yellow),var(--crayon-green),var(--crayon-blue),var(--crayon-purple)) 1}.footer-brand{font-family:"Fredoka",var(--font);font-size:1rem;color:var(--color-primary);margin-bottom:.3rem}.footer-links{font-size:.8rem;margin-top:.25rem}.footer-links a{color:var(--color-text-muted);text-decoration:none}.footer-links a:hover{color:var(--color-primary);text-decoration:underline}.privacy-note{font-size:.75rem;color:var(--color-text-muted)}@media(max-width:768px){#app{padding:1.25rem 1rem}.logo{font-size:1.4rem}.tagline{font-size:.95rem}.upload-zone{padding:2rem 1rem}.preview-spread{flex-direction:column}.preview-spread:after{display:none}.preview-page-canvas{max-width:90%;max-height:40vh}.sliders{grid-template-columns:1fr}.actions{flex-direction:column}.btn{width:100%}.hero-title{font-size:1.6rem}.hero-demo{gap:.5rem}.hero-demo-arrow svg{width:28px}.hero-subtitle{font-size:.95rem}.landing-cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:1rem}.features{grid-template-columns:1fr}.use-case-grid{grid-template-columns:1fr 1fr}.cover-layout,.export-layout,.book-upload-layout{grid-template-columns:1fr}.book-options-panel{position:static}.page-meta-fields{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,1fr)!important}.wizard{padding:1.5rem}.wizard-step3-layout{flex-direction:column}.wizard-cover-preview{align-self:center}.wizard-size-cards{flex-direction:column}.wizard-size-card{flex-direction:row;gap:.75rem;padding:.75rem 1rem}}@media(max-width:480px){#app{padding:1rem .75rem}.hero-title{font-size:1.3rem}.hero-demo{flex-direction:column;gap:.5rem}.hero-demo-arrow{transform:rotate(90deg)}.landing-cards,.steps{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,1fr)!important}.preview-spread{flex-direction:column}.preview-page-canvas{max-width:100%}.wizard{padding:1rem;max-width:calc(100% - 1rem)}.wizard-font-cards{display:grid;grid-template-columns:repeat(2,1fr)}.wizard-book-details-row{flex-direction:column}.modal{padding:1.5rem;max-width:calc(100% - 1rem)}.comparison{max-width:100%}.btn-sm{min-height:44px;min-width:44px}.book-thumb-btn{width:36px;height:36px}.export-layout,.cover-layout{grid-template-columns:1fr}}.btn-icon{display:inline-flex;width:1em;height:1em;vertical-align:-.1em}.btn-icon svg{width:100%;height:100%}