@media (max-width:767px){body{padding:5px;display:flex;flex-direction:column;height:100vh;overflow:hidden;}.container{min-height:0;height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden;}header{margin-bottom:8px;flex-shrink:0;}header h1{font-size:1.2em;}.toolbar{padding:8px 10px;margin-bottom:8px;flex-direction:column;gap:8px;flex-shrink:0;}.upload-section{width:100%;flex-wrap:wrap;gap:5px;}.upload-btn,.btn-secondary{padding:6px 12px;font-size:0.8em;flex:1 1 auto;min-width:0;}.main-content{flex-direction:column;gap:0;flex:1;min-height:0;overflow:hidden;display:flex;}.gallery{order:2;flex:1;min-height:0;width:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;}.gallery-grid{display:flex !important;flex-wrap:wrap !important;gap:6px !important;width:100% !important;position:relative !important;min-height:0 !important;flex:1 !important;overflow-y:auto !important;overflow-x:hidden !important;box-sizing:border-box !important;padding:0 !important;margin:0 !important;align-items:flex-start !important;align-content:flex-start !important;}.gallery-grid .gallery-item{width:30% !important;min-width:0 !important;max-width:30% !important;min-height:0 !important;position:relative !important;display:block !important;margin:0 !important;padding:0 !important;float:none !important;transform:none !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;box-sizing:border-box !important;aspect-ratio:1 !important;max-height:none !important;z-index:auto !important;flex:0 0 30% !important;}.gallery-grid .gallery-item:hover{transform:scale(1.02) !important;}.gallery-grid .gallery-item img{width:100% !important;height:100% !important;display:block !important;position:relative !important;object-fit:cover !important;margin:0 !important;padding:0 !important;}.book-section{order:1;width:100%;flex-shrink:0;margin-bottom:0;}.book-container{width:100%;max-width:100vw;padding:5px;height:auto;flex:none;}footer{display:flex !important;padding:10px 15px;margin-top:10px;flex-shrink:0;}.book{width:100%;max-width:100%;aspect-ratio:2 / 1;}.page{width:50%;height:100%;}.book-container::before{display:none;}.toolbar2{margin-bottom:0;flex-shrink:0;}.controls{flex-wrap:wrap;gap:8px;}.layout-select{width:100%;margin-bottom:8px;}.book-actions{flex-direction:column;gap:8px;justify-content:flex-start;min-width:auto;width:100%;align-items:stretch;}.book-actions .spacer{display:none;}.book-actions .icon-btn{width:100%;flex:none;}.btn-nav{padding:8px 12px;font-size:0.9em;}#pageInfo{font-size:0.9em;min-width:auto;width:auto;}footer{padding:10px 15px;margin-top:10px;}.language-switcher{font-size:0.8em;}}@media (min-width:360px) and (max-width:479px){.gallery-grid{display:flex !important;flex-wrap:wrap !important;gap:6px !important;}.gallery-item{width:calc(33.333% - 4px) !important;flex:0 0 calc(33.333% - 4px) !important;position:relative !important;}.book{max-width:100%;}}@media (min-width:480px) and (max-width:767px){.gallery-grid{display:flex !important;flex-wrap:wrap !important;gap:8px !important;}.gallery-item{width:30% !important;min-width:0 !important;max-width:30% !important;flex:0 0 30% !important;position:relative !important;}.toolbar{flex-direction:row;justify-content:space-around;}.upload-section{flex:1 1 auto;}}@media (min-width:768px) and (max-width:1023px){body{padding:10px;}.container{max-width:100%;}header h1{font-size:1.6em;}.toolbar{padding:10px 15px;flex-wrap:wrap;}.main-content{flex-direction:row;gap:15px;align-items:stretch;}.gallery{flex:0 0 280px;max-width:280px;order:1;display:flex;flex-direction:column;}.gallery-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;align-items:start !important;grid-auto-rows:min-content !important;grid-auto-flow:row !important;position:relative !important;width:100% !important;}.gallery-grid .gallery-item{width:100% !important;min-width:0 !important;max-width:100% !important;position:relative !important;display:block !important;grid-column:span 1 !important;grid-row:span 1 !important;margin:0 !important;padding:0 !important;float:none !important;transform:none !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;}.book-section{flex:1;order:2;display:flex;flex-direction:column;min-height:0;min-width:0;}.book{max-width:700px;width:100%;}.book-container{max-width:100%;height:auto;flex:none;}footer{display:flex !important;visibility:visible !important;}}@media (min-width:1024px) and (max-width:1279px){.container{max-width:100%;padding:0 15px;}.main-content{align-items:stretch;}.gallery{flex:0 0 300px;max-width:300px;height:100%;max-height:100%;display:flex;flex-direction:column;}.gallery-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;align-items:start !important;grid-auto-rows:min-content !important;grid-auto-flow:row !important;position:relative !important;width:100% !important;}.gallery-grid .gallery-item{width:100% !important;min-width:0 !important;max-width:100% !important;position:relative !important;display:block !important;grid-column:span 1 !important;grid-row:span 1 !important;margin:0 !important;padding:0 !important;float:none !important;transform:none !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;}.book-section{display:flex;flex-direction:column;min-height:0;flex:1;min-width:0;}.book-container{height:auto;flex:none;}footer{display:flex !important;visibility:visible !important;}.book{max-width:800px;}}@media (min-width:1280px) and (max-width:1919px){.container{max-width:1280px;}.main-content{align-items:stretch;}.gallery{flex:0 0 320px;max-width:320px;height:100%;max-height:100%;display:flex;flex-direction:column;}.gallery-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;align-items:start !important;grid-auto-rows:min-content !important;grid-auto-flow:row !important;position:relative !important;width:100% !important;}.gallery-grid .gallery-item{width:100% !important;min-width:0 !important;max-width:100% !important;position:relative !important;display:block !important;grid-column:span 1 !important;grid-row:span 1 !important;margin:0 !important;padding:0 !important;float:none !important;transform:none !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;}.book-section{display:flex;flex-direction:column;min-height:0;flex:1;min-width:0;}.book-container{height:auto;flex:none;}footer{display:flex !important;visibility:visible !important;}.book{max-width:900px;}}@media (min-width:1920px) and (max-width:2559px){.container{max-width:1920px;padding:0 20px;}header h1{font-size:2.2em;}.toolbar{padding:15px 20px;}.main-content{align-items:stretch;}.gallery{flex:0 0 400px;max-width:400px;padding:20px;height:100%;max-height:100%;display:flex;flex-direction:column;}.gallery-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:15px !important;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;align-items:start !important;grid-auto-rows:min-content !important;grid-auto-flow:row !important;position:relative !important;width:100% !important;}.gallery-grid .gallery-item{width:100% !important;min-width:0 !important;max-width:100% !important;position:relative !important;display:block !important;grid-column:span 1 !important;grid-row:span 1 !important;margin:0 !important;padding:0 !important;float:none !important;transform:none !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;}.book-section{display:flex;flex-direction:column;min-height:0;flex:1;min-width:0;}.book{max-width:1200px;}.book-container{margin-bottom:20px;height:auto;flex:none;}footer{display:flex !important;visibility:visible !important;}.btn-nav,.btn-secondary,.upload-btn{padding:12px 24px;font-size:1em;}}@media (min-width:2560px) and (max-width:3839px){.container{max-width:2560px;padding:0 30px;}header h1{font-size:2.8em;}.toolbar{padding:20px 30px;margin-bottom:20px;}.main-content{gap:40px;align-items:stretch;}.gallery{flex:0 0 500px;max-width:500px;padding:25px;height:100%;max-height:100%;display:flex;flex-direction:column;}.gallery-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px !important;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;align-items:start !important;grid-auto-rows:min-content !important;grid-auto-flow:row !important;position:relative !important;width:100% !important;}.gallery-grid .gallery-item{width:100% !important;min-width:0 !important;max-width:100% !important;position:relative !important;display:block !important;grid-column:span 1 !important;grid-row:span 1 !important;margin:0 !important;padding:0 !important;float:none !important;transform:none !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;}.book-section{display:flex;flex-direction:column;min-height:0;flex:1;min-width:0;}.book-container{height:auto;flex:none;}footer{display:flex !important;visibility:visible !important;}.book{max-width:1600px;}.btn-nav,.btn-secondary,.upload-btn{padding:15px 30px;font-size:1.1em;}#pageInfo{font-size:1.2em;}}@media (min-width:3840px){.container{max-width:3840px;padding:0 40px;}header h1{font-size:3.5em;}header p{font-size:1.5em;}.toolbar{padding:25px 40px;margin-bottom:30px;}.main-content{gap:60px;align-items:stretch;}.gallery{flex:0 0 600px;max-width:600px;padding:30px;height:100%;max-height:100%;display:flex;flex-direction:column;}.gallery h3{font-size:1.8em;margin-bottom:20px;}.gallery-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:25px !important;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;align-items:start !important;grid-auto-rows:min-content !important;grid-auto-flow:row !important;position:relative !important;width:100% !important;}.gallery-grid .gallery-item{width:100% !important;min-width:0 !important;max-width:100% !important;position:relative !important;display:block !important;grid-column:span 1 !important;grid-row:span 1 !important;margin:0 !important;padding:0 !important;float:none !important;transform:none !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;}.book-section{display:flex;flex-direction:column;min-height:0;flex:1;min-width:0;}.book{max-width:2400px;}.book-container{margin-bottom:30px;height:auto;flex:none;}footer{display:flex !important;visibility:visible !important;}.btn-nav,.btn-secondary,.upload-btn{padding:18px 36px;font-size:1.3em;}#pageInfo{font-size:1.5em;min-width:200px;}footer{padding:20px 30px;margin-top:30px;}.language-switcher{font-size:1.2em;}}@media (orientation:landscape) and (max-height:600px){.container{height:100vh;}header{margin-bottom:5px;}header h1{font-size:1.2em;}.toolbar{padding:5px 10px;margin-bottom:5px;}.main-content{flex:1;min-height:0;}.gallery{max-height:100%;}.book-container{height:auto;flex:none;}footer{display:flex !important;visibility:visible !important;}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.book{box-shadow:0 0 30px rgba(0,0,0,0.4);}.page{box-shadow:0 0 25px rgba(0,0,0,0.4);}}@media print{.toolbar,.gallery,.language-switcher,.toolbar2{display:none;}.book{max-width:100%;box-shadow:none;}.page{box-shadow:none;border:1px solid #000;}}