.drawing-viewer{margin:24px 0 28px;min-width:0}
.drawing-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:8px;margin-bottom:18px}
.drawing-thumb{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0;padding:7px 5px 10px;border:1px solid #e8deee;border-radius:13px;background:#fbf9fd;font-size:10px;color:#766184}
.drawing-thumb:hover{border-color:#bea5cf}
.drawing-thumb[aria-pressed=true]{border-color:#9471ac;background:#eee5f5;color:#674782}
.drawing-thumb-art{display:grid;place-items:center;width:100%;aspect-ratio:1;background:#fffdfb;border-radius:8px;overflow:hidden;color:#6d5285}
.drawing-thumb-art svg{display:block;width:100%;height:auto}
.drawing-thumb-label{overflow-wrap:anywhere;line-height:1.3;text-align:center}
.drawing-skipped-mark{font-size:8px;color:#998ba3}
.drawing-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:center}
.drawing-art{display:grid;place-items:center;aspect-ratio:1;min-width:0;overflow:hidden;border:1px solid #ece4ed;border-radius:20px;background:#fffdfa;color:#6d5285}
.drawing-art svg{display:block;width:100%;height:auto}
.drawing-empty{font-size:12px!important;color:#96869f!important;padding:20px;text-align:center}
.drawing-detail{min-width:0}
.drawing-title{font:400 24px/1.25 Georgia,serif;color:#644a79;overflow-wrap:anywhere;margin:5px 0 18px}
.drawing-authored{margin:18px 0 0;min-width:0}
.drawing-label{display:block;font-size:10px;line-height:1.5;color:#907b9e}
.drawing-authored p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px!important;line-height:1.65!important;margin:5px 0 0!important;color:#594963!important}
.drawing-facts .drawing-authored:first-child{margin-top:0}
.drawing-toolbar{display:flex;align-items:center;gap:10px;margin-top:22px}
.drawing-replay{font-size:11px;padding:9px 12px;min-height:38px}
.drawing-info{position:relative;display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1px solid #d9cddd;border-radius:50%;color:#9983a8;font:italic 12px Georgia,serif;cursor:help}
.drawing-tooltip{display:none;position:absolute;right:-8px;bottom:31px;width:230px;z-index:3;padding:12px;border:1px solid #e2d5eb;border-radius:12px;background:#fff;box-shadow:0 6px 24px #49305918;color:#786285;font:11px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.drawing-info:hover .drawing-tooltip,.drawing-info:focus .drawing-tooltip{display:block}
.drawing-progress{width:100%;min-height:32px;accent-color:#8565a5;margin:8px 0 0;cursor:ew-resize}
.drawing-character-note,.drawing-unavailable{font-size:11px!important;color:#96819f!important;line-height:1.6!important}
.drawing-character-note{margin:13px 0 0!important}
.drawing-viewer [hidden]{display:none!important}
.drawing-entry-text{margin:24px 0}
.drawing-entry-text summary{cursor:pointer;color:#8c759c;font-size:11px;line-height:1.6}
@media(max-width:620px){.drawing-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.drawing-thumb-art{max-width:90px}.drawing-panel{grid-template-columns:1fr;gap:18px}.drawing-art{width:min(100%,320px);justify-self:center}.drawing-detail{width:100%}.drawing-title{font-size:22px;margin-bottom:14px}.drawing-facts .drawing-authored{margin:0}.drawing-toolbar{margin-top:17px}.drawing-tooltip{right:auto;left:-120px}}