.mac-hero{display:flex;align-items:center;gap:32px;padding:30px;background:linear-gradient(135deg, #1a1a2e 0, #16213e 100%);border-radius:24px;margin-bottom:30px;position:relative;overflow:hidden}.mac-display{flex:1;position:relative;z-index:10}.mac-label{color:var(--gray-400);font-size:0.8rem;margin-bottom:8px;letter-spacing:1px}.mac-address{font-family:'Fira Code',monospace;font-size:1.8rem;font-weight:700;color:#4ade80;letter-spacing:2px;text-shadow:0 0 10px rgba(74,222,128,0.3);word-break:break-all}.mac-actions{display:flex;gap:16px;margin-top:20px}.btn-copy,.btn-regenerate{padding:10px 28px;border-radius:40px;font-size:0.9rem;cursor:pointer;transition:all 0.2s;border:none;font-weight:500;position:relative;z-index:20}.btn-copy{background:rgba(255,255,255,0.15);color:white;border:1px solid rgba(255,255,255,0.2)}.btn-copy:hover{background:var(--primary-color);transform:translateY(-2px)}.btn-regenerate{background:rgba(74,222,128,0.2);color:#4ade80;border:1px solid rgba(74,222,128,0.3)}.btn-regenerate:hover{background:rgba(74,222,128,0.3);transform:translateY(-2px)}.btn-copy:active,.btn-regenerate:active{transform:translateY(0)}.mac-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.05)"/><circle cx="80" cy="50" r="3" fill="rgba(255,255,255,0.05)"/><circle cx="40" cy="80" r="2" fill="rgba(255,255,255,0.05)"/><circle cx="70" cy="30" r="1.5" fill="rgba(255,255,255,0.05)"/></svg>') repeat}.mac-animation{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.mac-animation i{font-size:48px;color:var(--primary-color);z-index:2;position:relative}.mac-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(59,130,246,0.2);animation:macPulse 2s ease-out infinite}@keyframes macPulse{0%{transform:scale(.8);opacity:0.5}100%{transform:scale(1.5);opacity:0}}.mac-display{flex:1}.mac-label{color:var(--gray-400);font-size:0.8rem;margin-bottom:8px;letter-spacing:1px}.mac-address{font-family:'Fira Code',monospace;font-size:1.8rem;font-weight:700;color:#4ade80;letter-spacing:2px;text-shadow:0 0 10px rgba(74,222,128,0.3)}.mac-actions{display:flex;gap:12px;margin-top:16px}.btn-copy,.btn-regenerate{padding:8px 24px;border-radius:40px;font-size:0.85rem;cursor:pointer;transition:all 0.2s;border:none}.btn-copy{background:rgba(255,255,255,0.1);color:white}.btn-copy:hover{background:var(--primary-color)}.btn-regenerate{background:rgba(74,222,128,0.2);color:#4ade80;border:1px solid rgba(74,222,128,0.3)}.btn-regenerate:hover{background:rgba(74,222,128,0.3)}.stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:30px}.stat-card{background:white;border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--gray-200);transition:all 0.3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.stat-icon{width:50px;height:50px;background:linear-gradient(135deg, #e0e7ff, #f0f4ff);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary-color)}.stat-value{font-size:1.6rem;font-weight:700;color:var(--gray-800)}.stat-label{font-size:0.75rem;color:var(--gray-500)}.options-section,.batch-section,.oui-section,.random-list-section{margin-bottom:32px}.options-section h3,.batch-section h3,.oui-section h3,.random-list-section h3{font-size:1rem;margin-bottom:16px;color:var(--gray-700);display:flex;align-items:center;gap:8px}.options-grid{background:var(--gray-50);border-radius:20px;padding:20px;display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px}.option-group label{display:block;font-size:0.75rem;color:var(--gray-500);margin-bottom:8px}.format-buttons,.case-buttons,.type-buttons{display:flex;flex-wrap:wrap;gap:8px}.format-btn,.case-btn,.type-btn{background:white;border:1px solid var(--gray-200);padding:6px 14px;border-radius:30px;font-size:0.75rem;cursor:pointer;transition:all 0.2s}.format-btn.active,.case-btn.active,.type-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:white}.oui-input-group{display:flex;gap:12px;flex-wrap:wrap}.oui-input{flex:1;padding:8px 12px;border:1px solid var(--gray-300);border-radius:12px;font-family:monospace}.oui-select{padding:8px 12px;border:1px solid var(--gray-300);border-radius:12px;background:white}.batch-controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.batch-input-group{display:flex;flex-direction:column;gap:4px}.batch-input-group label{font-size:0.7rem;color:var(--gray-500)}.batch-input{width:80px;padding:8px 12px;border:1px solid var(--gray-300);border-radius:12px;text-align:center}.batch-generate{padding:8px 24px}.batch-result-container{background:#1a1a2e;border-radius:16px;overflow:hidden}.batch-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#2d2d44;color:#e0e0e0;font-size:0.85rem}.batch-actions{display:flex;gap:8px}.batch-result{min-height:200px;max-height:300px;overflow-y:auto;padding:16px;font-family:'Fira Code',monospace;font-size:0.8rem}.batch-result .placeholder{text-align:center;color:var(--gray-500);padding:40px}.mac-list-item{padding:6px 8px;border-bottom:1px solid #2d2d44;display:flex;justify-content:space-between;align-items:center}.mac-list-item:last-child{border-bottom:none}.copy-single{background:transparent;border:none;color:var(--gray-500);cursor:pointer;padding:4px 8px;border-radius:6px}.copy-single:hover{background:#2d2d44;color:#4ade80}.oui-search{display:flex;gap:12px;margin-bottom:16px}.oui-search-input{flex:1;padding:10px 16px;border:1px solid var(--gray-300);border-radius:40px;font-family:monospace}.oui-result{background:var(--gray-50);border-radius:16px;overflow:hidden}.oui-result-header{background:var(--gray-100);padding:12px 16px;font-weight:500}.oui-result-content{padding:16px;font-family:monospace}.random-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.random-mac-item{background:var(--gray-50);padding:6px 14px;border-radius:30px;font-family:monospace;font-size:0.8rem;cursor:pointer;transition:all 0.2s}.random-mac-item:hover{background:var(--primary-color);color:white}.knowledge-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-top:20px}@media (max-width:900px){.mac-address{font-size:1.2rem}.stats-grid{grid-template-columns:repeat(2, 1fr)}.knowledge-grid{grid-template-columns:repeat(2, 1fr)}.options-grid{grid-template-columns:1fr}}@media (max-width:600px){.mac-hero{flex-direction:column;text-align:center}.mac-actions{justify-content:center}.knowledge-grid{grid-template-columns:1fr}}