.preserve{white-space:pre-line}.upload-preview{max-height:240px;max-width:100%;margin:16px auto;object-fit:contain}
.illustration-zoom{display:block;padding:0;border:0;width:100%;background:white;cursor:zoom-in}.illustration-zoom:hover{background:white;outline:2px solid #c0ddd2}.illustration-zoom img{pointer-events:none}
.image-dialog{width:1100px;max-width:96vw;padding:20px}.image-dialog img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;margin-top:38px}.image-dialog .close{position:absolute;right:20px;top:15px;font-size:14px}
.recovery-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf4ef;border-radius:10px;padding:18px;font-size:16px;user-select:all}
.launch-note{margin:18px 28px 0}.save-error{color:#a44e18!important;text-decoration:underline}#saved{cursor:pointer}#autherror,#recovererror{color:#a52d2d}
.box h3{margin-top:14px}.box details{margin-top:12px}form>input:not([type=checkbox]){width:100%}form .two{gap:16px}.flashcard .learning-figure{font-size:14px}.flashcard .learning-figure button{touch-action:manipulation}
@media(max-width:550px){.atlas-layout{grid-template-columns:1fr}.atlas-left,.inspector{grid-column:1}.atlas-left{height:220px}.viewer-wrap{grid-column:1;height:520px;min-height:420px}.inspector{max-height:none}.navigation-pad{gap:4px}.navigation-pad button{padding:10px}.launch-note{margin:12px}#toast{left:50%;max-width:94vw;width:max-content}.filters{align-items:stretch}.filters>label{max-width:100%}header #account{margin-left:0}.two{display:grid;grid-template-columns:1fr}.learning-figure{padding:6px}}