body{background-color:#fff;color:#1f2937;font-family:Arial,sans-serif;padding:40px 24px;min-height:100vh;transition:background-color .3s ease,color .3s ease}body.dark-theme{background-color:#111827;color:#fff}h1{font-size:24px;font-weight:700;text-align:center;margin-bottom:24px}.container{max-width:768px;margin:0 auto}label{display:block;margin-bottom:6px;font-weight:500}input,select{width:100%;padding:8px;background-color:#1f2937;border:1px solid #374151;border-radius:4px;color:#fff;margin-bottom:24px}.output-box{padding:16px;background-color:#1f2937;border-radius:6px}.output-name{background-color:#374151;padding:8px;border-radius:4px;font-family:monospace;font-size:14px;display:inline-block;margin-right:12px}.copy-btn{padding:6px 12px;background-color:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.copy-btn:hover{background-color:#1d4ed8}ul{list-style-type:disc;padding-left:20px}.mb-2{margin-bottom:8px}