.uuid-tool{width:100%}.option-group{flex-direction:column;gap:.45rem;display:flex}.option-group label{font-weight:600}.option-group small{opacity:.7;font-size:.82rem}.option-group select,.option-group input[type=number]{width:100%;font:inherit;background:0 0;border:1px solid #bbb;border-radius:7px;padding:.65rem .75rem}.uuid-tool>.option-group:first-child,.uuid-tool>.option-group:nth-child(2),.format-options{max-width:100%}.uuid-tool>.option-group:first-child,.uuid-tool>.option-group:nth-child(2){vertical-align:top;width:48%;margin-right:1%;display:inline-flex}.uuid-tool>.option-group:nth-child(2){margin-right:0}.format-options{align-items:flex-end;gap:1.5rem;margin-top:1rem;display:flex}.format-options .option-group{width:48%}.checkbox-option{cursor:pointer;align-items:center;gap:.5rem;padding-bottom:.7rem;font-weight:500;display:flex}.checkbox-option input{width:16px;height:16px}.generate-button{font:inherit;cursor:pointer;background:0 0;border:1px solid #aaa;border-radius:7px;margin:1.25rem auto 0;padding:.7rem 1.2rem;font-weight:600;display:block}.generate-button:hover,.format-button:hover,.output-actions button:hover{background:#80808014}.generate-button:active,.format-button:active,.output-actions button:active{transform:translateY(1px)}.output-section{margin-top:1.75rem}.output-format{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.output-format>span{font-weight:600}.format-buttons{gap:.45rem;display:flex}.format-button{font:inherit;cursor:pointer;background:0 0;border:1px solid #aaa;border-radius:7px;padding:.5rem .8rem}.format-button.active{background:#8080801f;font-weight:600}.output-heading{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.output-heading>label{font-weight:600}.output-actions{gap:.45rem;display:flex}.output-actions button{font:inherit;cursor:pointer;background:0 0;border:1px solid #aaa;border-radius:7px;padding:.5rem .75rem}#uuidOutput{resize:vertical;border:1px solid #bbb;border-radius:7px;width:100%;min-height:150px;max-height:450px;padding:.9rem;font-family:monospace;line-height:1.5}.generation-info{opacity:.7;margin:.55rem 0 0;font-size:.82rem}@media (width<=600px){.uuid-tool>.option-group:first-child,.uuid-tool>.option-group:nth-child(2){width:100%;margin-bottom:1rem;margin-right:0;display:flex}.format-options{flex-direction:column;align-items:stretch;gap:.8rem;margin-top:0}.format-options .option-group{width:100%}.checkbox-option{padding-bottom:0}.generate-button{width:100%}.output-format{flex-direction:column;align-items:flex-start}.format-buttons{width:100%}.format-button{flex:1}.output-heading{flex-direction:column;align-items:flex-start;gap:.6rem}.output-actions{width:100%}.output-actions button{flex:1}}