.layout-container{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto;padding:0 1rem;align-items:center}.control-panel,.output-container{flex:1;background-color:#ffffff;border:1px solid #ccc;border-radius:4px;padding:1rem;width:100%}.control-panel{margin-top:1rem}.output-container{margin-bottom:2rem}.control-panel legend,.input-panel legend,.output-container legend{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;width:100%;display:block;text-align:center}.control-panel legend:after,.input-panel legend:after,.output-container legend:after{content:"";display:block;width:100%;height:1px;background-color:#ccc;margin-top:.5rem}.control-panel-content{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-around}.setting-group{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1.25rem;flex:1 1 3rem;min-width:3rem}.setting-group label{font-size:1rem}.setting-group input[type=number],.setting-group input[type=text]{width:100%;padding:.3rem .5rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;background-color:#f9f9f9;font-family:monospace}.setting-group input[type=number]:focus,.setting-group input[type=text]:focus{outline:none;border-color:#22e;background-color:#ffffff}.temperature-slider{display:flex;align-items:center;gap:.5rem}.temperature-value{font-size:1rem;width:2rem;text-align:center}.setting-group input[type=range]{width:100%;accent-color:#22e;cursor:pointer}.input-panel{margin-top:1.5rem;margin-bottom:1.5rem}.generate-button{margin:.3rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:700;border:none;border-radius:4px;background-color:#0a5bdd;color:#fff;cursor:pointer;transition:background-color .3s ease}.generate-button:hover:not(:disabled){background-color:#084bb5}.generate-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transition:none}.output-list{display:flex;flex-wrap:wrap;gap:.3rem;padding:.25rem;justify-content:center}.output-item{font-family:monospace;font-size:1.1rem;word-break:break-all;text-align:center;width:fit-content;border:1px solid #ccc;border-radius:4px;padding:.2rem .3rem;background-color:#f9f9f9}@media (max-width:600px){.control-panel-content{flex-direction:column;align-items:stretch;gap:.5rem}.control-panel legend,.input-panel legend,.output-container legend{font-size:1.1rem;font-weight:700;margin-bottom:.2rem;width:100%;display:block;text-align:center}.setting-group{gap:.1rem;margin-bottom:.25rem}.setting-group label{font-size:.9rem}.input-panel{margin-top:.5rem;margin-bottom:.5rem}.generate-button{margin:.2rem;padding:.3rem .5rem;font-size:1rem}.output-list{gap:.1rem;padding:.1rem}.output-item{font-size:.8rem;padding:.1rem .2rem}}