.generator-tool fieldset{padding:0;margin:0 0 1.25rem;border:0}.generator-tool legend{font-weight:700;margin-bottom:.5rem}.generator-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem}.generator-tool .check-row{margin-bottom:.6rem}.generator-tool .check-row label{font-weight:400;margin:0}.generator-tool .result-panel{background:#fff;padding:0;min-width:0}.generator-tool textarea{overflow-wrap:anywhere;min-height:7rem}.generator-tool [data-output]{font-size:1.15rem}.generator-preview{max-width:100%;overflow:auto;margin-block:1rem}.generator-preview canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.color-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1.25rem}.color-chip{height:5rem;margin-bottom:.5rem}.color-results button{width:100%}.generator-tool [data-summary]{overflow-wrap:anywhere}.generator-tool .privacy-note{margin-top:1.5rem}.generator-tool h1{max-width:18ch}.generator-tool [data-result]{animation:generator-in 160ms ease-out}@keyframes generator-in{from{opacity:.6;transform:translateY(.2rem)}to{opacity:1;transform:none}}@media(max-width:36rem){.generator-options{grid-template-columns:1fr}}