html{scroll-behavior:auto}body{padding:0}.shell{margin:14px auto 0;border-radius:20px;overflow:hidden}h1.brand{margin:0}.brand{white-space:nowrap}.tag{white-space:nowrap}.sample-banner{white-space:nowrap}.main{padding:18px}.stage canvas{width:100%;height:100%;display:block}.stage{aspect-ratio:4/5}.actions .btn{white-space:nowrap;padding:12px 8px}.subhead{display:block}.textentry{font-size:14px;height:112px;min-height:112px}.wide{width:100%}#generate{padding:15px}#status:empty{display:none}.entry-note{margin-top:14px;margin-bottom:10px}#result{scroll-margin-top:12px}#gifPreview{display:block;max-width:100%;height:auto;margin:auto}#preview:focus,#result:focus{outline:none}.settings label{display:block;margin:12px 0}.settings select,.settings input[type=number]{display:block;width:100%;padding:8px;border:1px solid var(--line);border-radius:8px}#post{width:100%;max-width:100%}dialog{max-width:min(92vw,430px);border:1px solid var(--line);border-radius:14px;padding:20px;color:var(--ink);font-family:system-ui,sans-serif}dialog h2{font-size:18px}dialog::backdrop{background:#19223866}#readings label{display:block}#readings input{max-width:100%;padding:8px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}@media(max-width:440px){.shell{margin:0;min-height:100vh;border-radius:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
