.control-panel{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .3s;box-shadow:0 2px 10px #0000000d}.control-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.control-row:last-child{margin-bottom:0}.control-group{flex-direction:column;flex-grow:1;min-width:180px;display:flex}.control-group label{color:var(--text-color);margin-bottom:.5rem;font-weight:500}.dropdown-select,.text-input,.number-input{border:1px solid var(--border-color);background-color:var(--input-bg);height:38px;color:var(--text-color);border-radius:4px;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.dropdown-select:focus,.text-input:focus,.number-input:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .2rem #3498db40}.result-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;min-height:200px;max-height:min(60vh,520px);margin-bottom:1.5rem;transition:box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000000d}.result-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.result-header h3{color:var(--text-color);align-items:center;margin:0;font-size:1.1rem;display:flex}.result-actions{gap:.5rem;display:flex}.result-content{flex:auto;min-height:0;padding:0;overflow-y:auto}.uuid-list{margin:0;padding:0;list-style:none}.uuid-item{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;padding:.1rem 1.5rem;transition:background-color .2s;display:flex;position:relative}.uuid-item:last-child{border-bottom:none}.uuid-text{color:var(--text-color);overflow-wrap:break-word;word-break:break-all;padding:.25rem 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;display:block}.copy-btn{border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:.3rem .7rem;font-size:.9rem;transition:all .2s;display:flex}.copy-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.copy-btn:active{transform:scale(.97)}.info-panel{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 4px #0000000a}.info-panel h3{color:var(--text-color);margin-top:0;margin-bottom:1rem}.info-content{color:var(--text-color-secondary);font-size:.95rem;line-height:1.6}.info-content ul{padding-left:1.5rem}.info-content h4{margin-top:1rem;margin-bottom:.5rem}.status-message{color:#fff;z-index:1000;background-color:#333;border-radius:4px;padding:.75rem 1.25rem;display:none;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}.status-message.success{background-color:#2ecc71}.status-message.error{background-color:#e74c3c}@media (width<=768px){.control-group{min-width:100%}.control-row{flex-direction:column;gap:.75rem}}.action-button{cursor:pointer;background-color:var(--bg-secondary);color:var(--text-color);border:none;border-radius:6px;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.action-button.primary{background:linear-gradient(45deg, var(--primary-color), var(--primary-light));color:#fff;box-shadow:0 3px 6px #3498db4d}.action-button.primary:hover{background:linear-gradient(45deg, var(--primary-dark), var(--primary-color));transform:translateY(-1px);box-shadow:0 4px 8px #3498db66}.action-button.primary:active{transform:translateY(1px);box-shadow:0 2px 4px #3498db66}.action-button:not(.primary){background:var(--button-bg,#f0f0f0);color:var(--button-text,#333);border:1px solid var(--border-color-light)}.action-button:not(.primary):hover{background:var(--button-hover-bg,#e5e5e5);box-shadow:0 2px 5px #00000026}.action-button:not(.primary):active{background:var(--button-active-bg,#d5d5d5);box-shadow:inset 0 2px 5px #0000001a}#generate-btn:before{content:"✨";margin-right:.5rem;font-size:1.1rem}#copy-all-btn:before{content:"📋";margin-right:.5rem;font-size:1rem}#clear-btn:before{content:"🗑️";margin-right:.5rem;font-size:1rem}[data-theme=dark] .action-button:not(.primary){background:var(--dark-card-bg);color:var(--text-color);border-color:var(--border-color)}[data-theme=dark] .action-button:not(.primary):hover{background:var(--dark-hover-bg)}[data-theme=dark] .action-button.primary{background:linear-gradient(45deg, var(--primary-dark), var(--primary-color))}.uuid-item{transition:background-color .2s;position:relative}.uuid-actions{opacity:0;transition:opacity .3s;position:absolute;right:1.5rem}.uuid-item:hover{background-color:var(--hover-bg)}.uuid-item:hover .uuid-actions{opacity:1}.uuid-text{overflow-wrap:break-word;word-break:break-all;padding:.25rem 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;display:block}.control-panel{transition:box-shadow .3s;box-shadow:0 2px 10px #0000000d}.control-panel:hover{box-shadow:0 4px 15px #00000014}.result-container{transition:box-shadow .3s;box-shadow:0 2px 10px #0000000d}.result-container:hover{box-shadow:0 4px 15px #00000014}.result-header h3{align-items:center;display:flex}.result-header h3:before{content:"🆔";margin-right:.5rem}