.mac-wrap.svelte-yclgzu{display:flex;flex-direction:column;gap:20px}.input-group.svelte-yclgzu{display:flex;flex-direction:column;gap:6px}.input-group.svelte-yclgzu label:where(.svelte-yclgzu){font-weight:600;color:var(--text-muted);font-size:.875rem}.mac-input.svelte-yclgzu{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:1.05rem;font-family:monospace;letter-spacing:.02em}.hint.svelte-yclgzu{font-size:.8rem;color:var(--text-muted)}.validation.svelte-yclgzu{font-size:.78rem;color:var(--accent-light)}.section-card.svelte-yclgzu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:12px}.section-title.svelte-yclgzu{margin:0;font-size:.9rem;color:var(--text);font-weight:600}.format-grid.svelte-yclgzu{display:flex;flex-direction:column;gap:4px}.format-row.svelte-yclgzu{display:flex;align-items:center;gap:12px;padding:7px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.format-label.svelte-yclgzu{width:100px;font-size:.82rem;color:var(--text-muted);font-weight:500;flex-shrink:0}.format-value.svelte-yclgzu{flex:1;font-size:.9rem;color:var(--text);letter-spacing:.02em}.copy-btn.svelte-yclgzu{padding:3px 10px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s;flex-shrink:0}.copy-btn.svelte-yclgzu:hover{border-color:var(--accent);color:var(--accent-light)}.breakdown-visual.svelte-yclgzu{display:flex;gap:2px;border-radius:var(--radius-sm);overflow:hidden}.breakdown-part.svelte-yclgzu{flex:1;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:4px}.oui-part.svelte-yclgzu{background:#5d00ff1a;border:1px solid rgba(93,0,255,.3);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.nic-part.svelte-yclgzu{background:#a78bfa14;border:1px solid rgba(167,139,250,.2);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.part-label.svelte-yclgzu{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.part-value.svelte-yclgzu{font-size:1.1rem;font-family:monospace;font-weight:700;color:var(--accent-light)}.detail-grid.svelte-yclgzu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail.svelte-yclgzu{padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px}.detail-label.svelte-yclgzu{font-size:.78rem;color:var(--text-muted)}.detail-value.svelte-yclgzu{font-size:.88rem;color:var(--text)}.badge.svelte-yclgzu{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.78rem;font-weight:600}.badge-ok.svelte-yclgzu{background:#22c55e1a;color:#22c55e}.badge-warn.svelte-yclgzu{background:#f59e0b1a;color:#f59e0b}.badge-info.svelte-yclgzu{background:#5d00ff1a;color:var(--accent-light)}.bit-row.svelte-yclgzu{display:flex;gap:4px;justify-content:center}.bit-box.svelte-yclgzu{width:40px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;gap:2px;background:var(--bg-input)}.bit-box.bit-highlight.svelte-yclgzu{border-color:var(--accent);background:#5d00ff14}.bit-val.svelte-yclgzu{font-family:monospace;font-size:1.1rem;font-weight:700;color:var(--text)}.bit-pos.svelte-yclgzu{font-size:.6rem;color:var(--text-muted)}.bit-legend.svelte-yclgzu{display:flex;flex-direction:column;gap:4px;margin-top:4px}.bit-legend-item.svelte-yclgzu{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-muted)}.bit-marker.svelte-yclgzu{width:10px;height:10px;border-radius:2px;border:1px solid var(--accent);background:#5d00ff1f;flex-shrink:0}.bin-display.svelte-yclgzu{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;padding:8px 0}.bin-octet-group.svelte-yclgzu{display:flex;flex-direction:column;align-items:center;gap:2px}.bin-octet.svelte-yclgzu{font-family:monospace;font-size:.82rem;color:var(--accent-light);letter-spacing:.02em}.bin-hex.svelte-yclgzu{font-size:.68rem;color:var(--text-muted);font-family:monospace}.bin-sep.svelte-yclgzu{color:var(--text-muted);font-weight:700;font-size:.9rem;align-self:flex-start;margin-top:2px}.ipv6-row.svelte-yclgzu{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.ipv6-label.svelte-yclgzu{width:80px;font-size:.82rem;color:var(--text-muted);font-weight:600;flex-shrink:0}.ipv6-value.svelte-yclgzu{flex:1;font-size:.88rem;color:var(--text);font-family:monospace;word-break:break-all}.ipv6-note.svelte-yclgzu{font-size:.78rem;color:var(--text-muted);font-style:italic}.error.svelte-yclgzu{color:#f87171;font-size:.9rem}.note.svelte-yclgzu{padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-muted);line-height:1.5}.note.svelte-yclgzu code:where(.svelte-yclgzu){color:var(--accent-light);font-size:.82rem}@media (max-width: 600px){.detail-grid.svelte-yclgzu{grid-template-columns:1fr}.format-label.svelte-yclgzu{width:80px}.breakdown-visual.svelte-yclgzu{flex-direction:column}.oui-part.svelte-yclgzu{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.nic-part.svelte-yclgzu{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.bit-box.svelte-yclgzu{width:34px;height:44px}.bit-val.svelte-yclgzu{font-size:.9rem}.ipv6-row.svelte-yclgzu{flex-wrap:wrap}.ipv6-label.svelte-yclgzu{width:100%}}