/* Keep the preview visible; only the controls scroll. */
html{height:100%;overflow:hidden}body{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}body>header{flex:0 0 auto;min-height:62px;padding:14px 4%;gap:12px}body>main{flex:1 1 0;min-height:0;width:100%;max-width:1600px;margin:0 auto;padding:16px 20px;gap:20px;align-items:stretch;grid-template-columns:minmax(290px,350px) minmax(0,1fr)}body>main>aside{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;-webkit-overflow-scrolling:touch}body>main>.stage{height:100%;min-height:0;overflow:hidden;padding:18px}.stage>header{flex:0 0 auto;min-height:0;padding:0 0 10px;gap:8px}.stage>header h2{margin:0}.stage>.canvas-wrap{flex:1 1 0;min-height:0;min-width:0;width:100%;align-items:center;overflow:hidden}.stage canvas{display:block;flex:none;max-width:none;max-height:none;object-fit:fill}.stage>.hint{flex:0 0 auto;margin:9px 0 0;font-size:11px;line-height:1.5}aside footer{padding:0!important;margin:18px 0 0!important}#fontStatus{font-size:11px;color:#627b6c;line-height:1.7;margin:6px 0}#refreshFonts{padding:7px 10px;font-size:12px;width:100%;margin-top:6px}#dimensions{direction:ltr;unicode-bidi:isolate}button,input,select,textarea{touch-action:manipulation}canvas{touch-action:none}
@media(max-width:780px){body>header{min-height:52px;padding:10px 14px}body>header h1{font-size:16px}.back-home{font-size:11px}body>main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(100px,42%) minmax(0,1fr);gap:9px;padding:9px 10px}body>main>.stage{grid-column:1;grid-row:1;padding:10px;border-radius:13px}body>main>aside{grid-column:1;grid-row:2;padding:15px;border-radius:13px}.stage>header{padding-bottom:6px}.stage>header h2{font-size:13px}.stage>.hint{font-size:10px;margin-top:5px}input,select,textarea{font-size:16px}}
@media(max-width:780px) and (max-height:480px){body>main{grid-template-columns:minmax(220px,45%) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}body>main>aside{grid-column:1;grid-row:1}body>main>.stage{grid-column:2;grid-row:1}.stage>.hint{display:none}}