.main-uuid{max-width:700px;margin:0 auto}.uuid-result{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);text-align:center}.uuid-display{background:var(--bg-body);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-md);min-height:70px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-border);transition:border-color .2s}.uuid-display:hover{border-color:var(--color-primary)}.uuid-text{font-family:'JetBrains Mono',monospace;font-size:1.65rem;font-weight:600;color:var(--color-primary);word-break:break-all;letter-spacing:.03em;user-select:all}.uuid-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.btn-action{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-action:hover{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.btn-action.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}.uuid-counter{font-size:.85rem;color:var(--color-text-muted)}.uuid-counter strong{color:var(--color-primary)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.toggle-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-body);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:2px solid transparent}.toggle-option:hover{border-color:var(--color-border)}.toggle-option input{display:none}.toggle-switch{width:42px;height:24px;background:var(--color-border);border-radius:12px;position:relative;transition:background .2s;flex-shrink:0}.toggle-switch::after{content:'';width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s}.toggle-option input:checked+.toggle-switch{background:var(--color-primary)}.toggle-option input:checked+.toggle-switch::after{transform:translateX(18px)}.option-label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.toggle-option input:checked~.option-label{color:var(--color-text)}.bulk-presets{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.preset-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:'JetBrains Mono',monospace;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:44px;text-align:center}.preset-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.preset-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--bg-body)}.bulk-results{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.bulk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.bulk-header h3{margin:0;color:var(--color-text);font-size:1rem}.bulk-textarea{width:100%;min-height:200px;padding:var(--spacing-md);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:'JetBrains Mono',monospace;font-size:.85rem;line-height:1.6;resize:vertical;outline:0;transition:border-color .2s}.bulk-textarea:focus{border-color:var(--color-primary)}.history-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.history-section h3{font-size:1rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.history-empty{color:var(--color-text-muted);font-size:.85rem;text-align:center;padding:var(--spacing-md)}.history-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);border-radius:var(--radius-sm);animation:fadeIn .2s ease}.history-item code{flex:1;font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--color-text-secondary);word-break:break-all}.history-item .history-index{font-size:.75rem;color:var(--color-text-muted);font-weight:600;min-width:24px}.history-item button{padding:var(--spacing-xs) var(--spacing-sm);background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .2s;font-size:.8rem;white-space:nowrap}.history-item button:hover{color:var(--color-primary);border-color:var(--color-primary)}.history-item button.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.info-box{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.info-box h3{margin-bottom:var(--spacing-sm)}.info-box ul{margin:0;padding-left:1.25rem}.info-box li{margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.9rem}@media (max-width:600px){.uuid-text{font-size:1.15rem}.options-grid{grid-template-columns:1fr}.uuid-actions{flex-direction:column}.uuid-actions .btn-action{justify-content:center}.bulk-presets{gap:.4rem}.preset-btn{min-width:38px;font-size:.8rem}.bulk-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}}