.book-preview-container{display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:2rem}@media (min-width:1024px){.book-preview-container{grid-template-columns:repeat(4,minmax(0,1fr))}}.book-preview-container{min-height:500px}.controls-panel{border-radius:.5rem;border-width:1px;display:flex;flex-direction:column;gap:1rem;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.upload-section{border-radius:.5rem;border-style:dashed;border-width:2px;cursor:pointer;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));padding:1rem;text-align:center;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.upload-section:hover{background-color:var(--accent-bg-subtle);border-color:var(--accent-soft)}.upload-section.dragover{background-color:var(--accent-soft);border-color:var(--accent-primary)}.upload-icon{margin-bottom:.5rem;margin-left:auto;margin-right:auto;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.upload-icon,.upload-icon svg{height:6rem;width:6rem}.upload-text{color:rgb(55 65 81/var(--tw-text-opacity));font-weight:500;margin-bottom:.25rem}.upload-hint,.upload-text{font-size:.75rem;line-height:1rem;--tw-text-opacity:1}.upload-hint{color:rgb(107 114 128/var(--tw-text-opacity))}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-label{font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.dimension-inputs{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.input-group{display:flex;flex-direction:column}.input-group label{font-size:.75rem;line-height:1rem;margin-bottom:.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.input-group input{border-radius:.375rem;border-width:1px;width:100%;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));padding:.25rem .5rem}.apply-btn,.input-group input{font-size:.875rem;line-height:1.25rem}.apply-btn{background-color:var(--accent-primary);border-radius:.5rem;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.apply-btn:hover{background-color:var(--accent-hover)}.perspective-btn{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity));font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.perspective-btn:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.reset-btn{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity));font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.reset-btn:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.canvas-container{border-radius:.5rem;border-width:1px;position:relative;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:1024px){.canvas-container{grid-column:span 3/span 3}}.canvas-container{height:600px;width:100%}#bookCanvas{display:block;height:100%;width:100%}.loading{align-items:center;display:flex;font-size:1.125rem;inset:0;justify-content:center;line-height:1.75rem;position:absolute;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.instructions{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));font-size:.875rem;line-height:1.25rem;padding:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}#bgToggle:checked~.toggle-bg{background-color:var(--accent-primary)}#bgToggle:checked~.dot{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (max-width:1024px){.book-preview-container{grid-template-columns:repeat(1,minmax(0,1fr));min-height:400px}.controls-panel{padding:.75rem}.canvas-container{grid-column:span 1/span 1;height:400px}}