*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f5;--surface:#fff;--primary:#1976d2;--border:#d0d0d0}html,body{height:100%;margin:0;padding:0}body{font-family:sans-serif;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}.topbar{text-align:center;flex:none;padding:8px 12px}.topbar h1{margin:0;font-size:1.5rem}.app-layout{flex-direction:column;flex:1;min-height:0;display:flex}.toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.canvas-wrapper{flex:1;justify-content:center;align-items:center;min-height:0;padding:10px;display:flex;overflow:auto}#pdfCanvas{max-width:100%;max-height:100%;display:block}@media (width<=1024px){.topbar h1{font-size:1.25rem}.toolbar{gap:8px;padding:8px}.toolbar-group{gap:6px}}@media (width<=768px) and (orientation:portrait){.topbar{display:none}.toolbar{flex-direction:column;align-items:stretch;gap:6px;padding:6px}.toolbar-group{justify-content:center}.toolbar button,.toolbar input{width:100%}}@media (height<=500px) and (orientation:landscape){.topbar{display:none}.app-layout{flex-direction:row}.toolbar{flex-flow:column;justify-content:flex-start;align-items:stretch;gap:6px;width:72px;padding:6px}.toolbar-group{flex-direction:column;gap:6px}.canvas-wrapper{flex:1}.toolbar button,.toolbar input{width:100%}}button{cursor:pointer;padding:10px 18px}#pdfCanvas{background:#fff;box-shadow:0 2px 10px #00000026}