profile.css

.controller-profile-card{grid-column:1/-1}
html[data-development-mode="true"] .controller-profile-card{border:2px solid #d59b35;background:linear-gradient(135deg,#fffdf7,#fff8e8)}
.development-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.development-heading h2{margin:0}.development-heading p{margin:2px 0 0;color:var(--muted);font-size:12px}
.development-mode-toggle{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:7px 11px;border:1px solid #b8c8cc;border-radius:999px;background:#f5f8f9;color:#385158;white-space:nowrap;cursor:pointer;user-select:none}.development-mode-toggle input{width:auto;margin:0}.development-mode-toggle:has(input:checked){border-color:#c68621;background:#fff0cf;color:#78460d}
.controller-profile-description{padding:14px 16px;border:1px solid #e0c48c;border-radius:8px;background:#fff;color:#3d4549}.controller-profile-description p{margin:8px 0}.controller-profile-description ul{margin:8px 0 0;padding-left:20px;color:#59636a}.profile-description-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-description-heading span{padding:2px 8px;border-radius:999px;background:#fff0cf;color:#78460d;font-size:11px;font-weight:800}
.serial-profile-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 14px;padding:10px 12px;border:1px solid #c8d9da;border-radius:8px;background:#f3f8f8}.serial-profile-strip>div{display:grid;gap:2px}.serial-profile-strip small{color:var(--muted);font-size:10px}.serial-profile-strip strong{color:var(--primary);font-size:13px}.serial-profile-strip button{white-space:nowrap}
@media(max-width:560px){.development-heading{display:block}.development-heading p{margin-top:4px}.development-mode-toggle{width:max-content;max-width:100%;margin-top:12px}.serial-profile-strip{align-items:flex-end}.serial-profile-strip strong{font-size:12px}}