.tool-page-header{max-width:1200px;margin:0 auto 2rem;padding:2rem}.tool-title-section{gap:1.5rem;padding:2rem;background:var(--bg-secondary);border:2px solid var(--accent-cyan);margin-top:1rem}.tool-icon-large,.tool-title-section{display:flex;align-items:center;border-radius:12px}.tool-icon-large{font-size:4rem;width:80px;height:80px;justify-content:center;background:var(--bg-tertiary);flex-shrink:0}.tool-title{font-family:Press Start\ 2P,cursive;font-size:1.8rem;color:var(--accent-cyan);margin:0 0 .5rem}.tool-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.tool-container{max-width:1200px;margin:0 auto;padding:0 2rem 4rem}.uuid-controls{background:var(--bg-secondary);border:2px solid var(--accent-cyan);border-radius:12px;padding:2rem;margin-bottom:2rem;gap:1.5rem}.control-group,.uuid-controls{display:flex;flex-direction:column}.control-group{gap:.75rem}.section-label{font-family:Noto Sans TC,sans-serif;font-weight:700;color:var(--accent-cyan);font-size:.95rem;text-transform:uppercase;letter-spacing:1px}.mode-switch{display:flex;gap:.5rem;background:var(--bg-tertiary);padding:.25rem;border-radius:6px}.mode-btn{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-family:Noto Sans TC,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;border-radius:4px;transition:all .3s ease}.mode-btn.active{background:var(--accent-cyan);color:var(--bg-primary);box-shadow:0 2px 10px rgba(0,255,249,.3)}.count-controls{display:flex;gap:1rem;align-items:center}.count-slider{flex:1 1;height:8px;border-radius:4px;background:var(--bg-tertiary);outline:none}.count-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-cyan);cursor:pointer}.count-input{width:80px;padding:.75rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;text-align:center}.count-input:focus{outline:none;border-color:var(--accent-cyan)}.action-btn{padding:.75rem 1.5rem;border:2px solid;border-radius:6px;font-family:Noto Sans TC,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.action-btn.primary{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary)}.action-btn.primary:hover{background:transparent;color:var(--accent-cyan);box-shadow:0 0 15px rgba(0,255,249,.4)}.uuid-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.results-header h4{margin:0;color:var(--accent-cyan);font-size:1.1rem}.uuid-list{display:flex;flex-direction:column;gap:.75rem}.uuid-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;transition:all .3s ease}.uuid-item:hover{background:rgba(0,255,249,.05)}.uuid-index{font-family:Press Start\ 2P,cursive;font-size:.7rem;color:var(--accent-pink);min-width:40px}.uuid-value{flex:1 1;color:var(--accent-cyan);font-family:IBM Plex Mono,monospace;font-size:.95rem;font-weight:600;word-break:break-all}.copy-btn,.copy-btn-small{padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.copy-btn-small:hover,.copy-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.tool-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.tool-info h3{font-family:Noto Sans TC,sans-serif;color:var(--accent-cyan);font-size:1.1rem;margin:0 0 1rem}.tool-info ul{list-style:none;padding:0;margin:0 0 2rem}.tool-info ul:last-child{margin-bottom:0}.tool-info li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);line-height:1.6}.tool-info li:before{content:"→";position:absolute;left:0;color:var(--accent-cyan);font-weight:700}.tool-info strong{color:var(--text-primary)}@media (max-width:768px){.tool-title-section{flex-direction:column;align-items:flex-start}.tool-title{font-size:1.3rem}.uuid-value{font-size:.8rem}}