.generator-section { margin: 18px 0; }
.generator-section > h2 { font-size: 1.15em; margin: 0 0 10px; }
.generator-section > p { margin: 10px 0 16px; word-wrap: break-word; }
.generator-section > p a { color: #ade5ff; text-decoration: underline; }
.generator-panel { margin-top: 18px; padding-top: 16px; border-top: 1px solid #536071; }
.generator-panel [hidden], .generator-history[hidden], .generator-history [hidden] { display: none !important; }
.generator-panel h2 { font-size: 1.15em; margin: 0 0 10px; }
.generator-panel h3 { font-size: 1em; margin: 8px 0; }
.generator-panel p { margin: 10px 0; overflow-wrap: break-word; }
.generator-panel input { display: block; width: 100%; box-sizing: border-box; margin: 8px 0; }
.generator-panel button { margin: 5px 5px 5px 0; }
.generator-panel button:disabled { opacity: .6; cursor: default; }
.generator-panel a { color: #ade5ff; text-decoration: underline; }
.generator-panel img { display: block; max-width: 100%; width: auto; height: auto; background: white; margin-top: 12px; }
.generator-panel strong { font-size: 1.2em; letter-spacing: .08em; }
.generator-panel .generator-notice, .generator-history .generator-notice { padding: 9px; border-left: 3px solid #67c5ef; background: #243440; }

.generator-history { margin: 28px 0; }
.generator-history > h2 { margin: 0 0 16px; font-size: 27px; }
.generator-history p { word-wrap: break-word; }
.generator-history a { color: #ade5ff; text-decoration: underline; }
.generator-history button { margin: 5px 0 12px; padding: 10px 16px; border: 0; border-radius: 7px; background: #1689dc; color: #fff; cursor: pointer; }
.generator-history button:disabled { opacity: .6; cursor: default; }
.generator-cards { overflow-x: auto; white-space: nowrap; padding: 8px 0 12px; }
.generator-history .generator-mission { display: inline-block; vertical-align: top; white-space: normal; width: 280px; max-width: 100%; box-sizing: border-box; padding: 18px; margin-right: 16px; border: 1px solid #364252; border-radius: 12px; background: #141b24; }
.generator-history .generator-mission h3 { font-size: 1.2em; margin: 0 0 12px; }