.jhah-art{--art-edge:#d9dfcf;max-width:1050px;margin:auto}.jhah-art [hidden]{display:none!important}.art-tabs{display:flex;gap:12px;border-bottom:1px solid var(--art-edge);padding-bottom:18px;margin-bottom:28px;flex-wrap:wrap}.art-tabs button{border:1px solid var(--art-edge);border-radius:4px;padding:13px 20px;font-size:14px;background:white;color:#315a43;min-height:48px}.art-tabs button[aria-selected=true]{background:#315a43;color:white;border-color:#315a43}.art-panel{background:white;border:1px solid var(--art-edge);border-radius:6px;padding:34px}.art-panel h2{font-size:30px;margin-bottom:10px}.art-panel .art-sub{font-size:15px;color:#5b665e;margin-bottom:25px}.art-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.art-story{border:1px solid var(--art-edge);border-radius:5px;background:#fbf9f3;padding:24px;text-align:left;color:#283b31}.art-story:hover{background:#edf0e6;border-color:#7d936d}.art-story span{display:block;font-size:30px;margin-bottom:17px}.art-story strong{display:block;font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.2}.art-story small{display:block;font-size:13px;color:#5b665e;line-height:1.5;margin-top:10px}.art-back{border:0;background:transparent;color:#315a43;text-decoration:underline;padding:10px 0;margin-bottom:20px;font-size:14px}.art-scene{padding:28px;background:#f5f0e4;border-radius:5px;font-size:19px;line-height:1.8;margin:25px 0}.story-symbol{display:block;font-size:35px;margin-bottom:15px}.art-choices{display:flex;flex-wrap:wrap;gap:12px}.art-choice{border:1px solid #7d936d;background:white;border-radius:4px;padding:13px 20px;color:#315a43;font-size:15px;min-height:48px}.art-choice:hover{background:#edf0e6}.art-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.art-colors{display:flex;gap:7px;flex-wrap:wrap}.art-swatch{width:44px;height:44px;border:5px solid white;border-radius:50%;box-shadow:0 0 0 1px var(--art-edge);padding:0}.art-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #283b31}.art-sizes{display:flex;gap:5px}.art-sizes button,.art-clear{border:1px solid var(--art-edge);min-width:44px;min-height:44px;border-radius:4px;background:white;color:#283b31;padding:8px 12px}.art-sizes button[aria-pressed=true]{background:#edf0e6;border-color:#315a43}.art-clear{font-size:13px;margin-left:auto}.art-canvas-wrap{position:relative}.jhah-art canvas{width:100%;height:auto;aspect-ratio:5/3;border:1px solid #b1bba8;border-radius:4px;touch-action:none;display:block;cursor:crosshair;background:#fffdf5}.art-cursor{position:absolute;width:14px;height:14px;border:2px solid #283b31;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:white}.art-cursor.is-drawing{background:#926722}.art-keyboard-help{font-size:12px;color:#5b665e;margin-top:15px}.art-keyboard-help summary{cursor:pointer}.art-status{font-size:13px;color:#315a43;min-height:24px;margin-top:10px}.art-preview{max-width:540px;margin:25px auto;border:1px dashed var(--art-edge);border-radius:5px;background:#fffdf5;min-height:230px;padding:15px;display:grid;place-items:center;font-size:15px;color:#5b665e}.art-preview img{display:block;max-width:100%}.art-save-fields{max-width:540px;margin:auto}.art-save-fields label{display:block;font-size:14px;margin:20px 0 8px}.art-save-fields input{width:100%;border:1px solid #a8b3a1;border-radius:3px;padding:13px;margin-bottom:20px;background:white}.art-save-fields .jhah-button{width:100%}.art-privacy{font-size:13px;color:#5b665e;margin-top:25px;text-align:center}.art-alternative{font-size:14px;margin-top:20px}
@media(max-width:700px){.art-story-grid{grid-template-columns:1fr 1fr}.art-panel{padding:25px}.art-tabs{gap:8px}.art-tabs button{flex:1;padding:12px 10px;font-size:12px}}
@media(max-width:440px){.art-story-grid{grid-template-columns:1fr}.art-panel{padding:22px 16px}.art-panel h2{font-size:27px}.art-story{padding:22px}.art-story span{float:left;margin:0 16px 0 0}.art-story small{clear:both;padding-top:12px}.art-scene{padding:21px;font-size:17px}.art-choices{display:grid}.art-swatch{width:42px;height:42px}.art-colors{gap:6px}.art-clear{margin-left:0}}

.art-download-help{margin-top:18px;font-size:14px;color:#5b665e}.art-download-help summary{color:#315a43;cursor:pointer;padding:12px 0;min-height:44px}.art-download-help p{font-size:14px;line-height:1.65}.art-download-help strong{overflow-wrap:anywhere}.art-status{overflow-wrap:anywhere}

.art-save-fields .art-download{display:flex;justify-content:center;margin-top:12px;text-align:center;min-height:48px}.art-save-fields .art-download-secondary{background:white;color:#315a43;border:1px solid #315a43}.art-save-tip{font-size:14px!important;line-height:1.65!important;margin-top:18px!important;color:#5b665e}.art-save-fields button:disabled{cursor:wait;opacity:.7}