#center-content{flex:1;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;padding:2rem;height:calc(100vh - var(--nav-height));overflow:hidden}.flex-right{width:100%;max-width:var(--max-content-width, 1400px);margin:10px auto;display:flex;justify-content:flex-end}#clear-canvas-btn.hidden{display:none}#canvas-viewport{width:100%;height:100%;max-width:100%;max-height:100%;min-width:380px;min-height:380px;margin:0 auto;background:#fff;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;overflow:hidden;border:none;box-shadow:none;border-radius:0;transition:none;padding:0;cursor:pointer}#image-marker-container{position:relative;display:inline-block;max-width:100%;max-height:100%}#marker-canvas{position:absolute;top:0;left:0;cursor:crosshair}#uploaded-image{display:block;max-width:100%;height:auto}#canvas-info{width:100%;max-width:var(--max-content-width, 1400px);margin:1.5rem auto 0;text-align:center;color:var(--text-muted, #6b7f99);font-size:.99rem;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:768px){#center-content{padding:1rem;overflow-y:auto;height:auto}.flex-right{width:100%;margin:10px 0}#canvas-viewport{min-width:100%;min-height:50vh;margin-bottom:1rem}#marker-tools-bar{justify-content:center;flex-wrap:wrap;width:100%}}