.nui-profile { --nui-profile-aside-width: 300px; display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; background: var(--nui-raised); color: var(--nui-text); container-type: inline-size; }
.nui-profile, .nui-profile * { box-sizing: border-box; }
.nui-window[nui-window] .nui-window-body:has(> .nui-profile) { display: flex; flex-direction: column; min-height: 0; margin-right: 0; padding: 0; overflow: hidden; }
.nui-window-body > .nui-profile { flex: 1 1 auto; }
.nui-profile-header { display: flex; flex: 0 0 46px; align-items: center; gap: 8px; min-width: 0; height: 46px; padding: 0 10px; border-bottom: 1px solid var(--nui-border); }
.nui-profile-controls { display: flex; flex: 0 0 32px; align-items: center; padding: 0 6px; border-bottom: 1px solid var(--nui-border); }
.nui-profile-header-image { display: none; flex: 0 0 30px; width: 30px; height: 30px; object-fit: contain; background: var(--nui-input); }
.nui-profile-header-image[hidden] { display: none; }
.nui-profile-heading { display: flex; flex: 0 1 auto; align-items: center; gap: 8px; min-width: 0; }
.nui-profile-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--nui-font-size-base); font-weight: 600; }
.nui-profile-subtitle { flex: 0 0 auto; max-width: 145px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--nui-text-muted); font-size: var(--nui-font-size-xs); }
.nui-profile-subtitle .nui-copy-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nui-profile-badges, .nui-profile-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 5px; min-width: 0; }
.nui-profile-badges { overflow: hidden; }
.nui-profile-actions { margin-inline-start: auto; }
.nui-profile-content { --nui-profile-effective-aside-width: var(--nui-profile-aside-width); position: relative; display: grid; flex: 1 1 auto; grid-template-columns: minmax(0, var(--nui-profile-effective-aside-width)) minmax(0, 1fr); min-width: 0; min-height: 0; overflow: hidden; }
.nui-profile-no-aside .nui-profile-content, .nui-profile.is-aside-collapsed .nui-profile-content { grid-template-columns: minmax(0, 1fr); }
.nui-profile-aside, .nui-profile-main { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.nui-profile-aside { overflow: hidden; border-inline-end: 1px solid var(--nui-border); }
.nui-profile-aside-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; }
.nui-profile.is-aside-collapsed .nui-profile-aside { display: none; }
.nui-profile-aside-body > nui-image-gallery { display: block; flex: 0 0 auto; min-width: 0; }
.nui-profile-aside-body > nui-image-gallery .nui-image-gallery-main { aspect-ratio: 1; }
.nui-profile-aside-body > nui-image-gallery .nui-image-gallery-strip-shell, .nui-profile-aside-body > nui-image-gallery .nui-image-gallery-strip { height: 48px; min-height: 48px; }
.nui-profile-aside-body > nui-image-gallery .nui-image-gallery-strip { overflow-y: hidden; scrollbar-width: none; }
.nui-profile-aside-body > nui-image-gallery .nui-image-gallery-strip::-webkit-scrollbar { display: none; }
.nui-profile-facts { display: block; min-width: 0; border-top: 1px solid var(--nui-border); }
.nui-profile-fact-group-heading { min-height: 23px; margin: 0; padding: 4px 10px 3px; border-bottom: 1px solid var(--nui-border); background: var(--nui-raised-hover); color: var(--nui-text-muted); font-size: var(--nui-font-size-xs); font-weight: 600; line-height: 15px; }
.nui-profile-fact { display: grid; grid-template-columns: minmax(90px, 42%) minmax(0, 1fr); align-items: center; gap: 8px; min-height: 24px; padding: 2px 10px; border-bottom: 1px solid var(--nui-border); font-size: var(--nui-font-size-xs); line-height: 1.25; }
.nui-profile-fact-label, .nui-profile-fact-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nui-profile-fact-label { color: var(--nui-text-muted); }
.nui-profile-fact-value { display: flex; align-items: center; justify-content: flex-end; gap: 4px; color: var(--nui-text); text-align: end; }
.nui-profile-fact-value > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nui-profile-fact-mono { font-family: var(--nui-font-mono); }
.nui-profile-fact .nui-copy { gap: 2px; padding: 0; border: 0; }
.nui-profile-fact .nui-copy-button { width: 18px; height: 18px; }
.nui-profile-main { overflow: hidden; }
.nui-profile-main-body { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.nui-profile-main-body > .nui-tabs { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; border: 0; border-radius: 0; }
.nui-profile-main-body > .nui-tabs > .nui-tabs-list { flex: 0 0 auto; border-radius: 0; }
.nui-profile-main-body > .nui-tabs > .nui-tabs-panel { flex: 1 1 auto; min-height: 0; overflow: auto; }
.nui-profile-footer { display: flex; flex: 0 0 auto; flex-direction: column; min-width: 0; }
.nui-profile-footer:empty { display: none; }
.nui-profile-statusbar.nui-statusbar { display: flex; flex: 0 0 auto; justify-content: flex-start; gap: 7px; width: 100%; min-height: 24px; margin: 0; padding: 2px 6px; border: 0; border-top: 1px solid var(--nui-border); overflow: hidden; }
.nui-profile-statusbar > * { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nui-profile-footer-actions { display: flex; justify-content: flex-end; align-items: center; gap: 8px; min-height: 42px; padding: 5px 10px; border-top: 1px solid var(--nui-border); }
.nui-window[nui-window].nui-profile-window-host > .nui-window-footer { min-height: 32px; margin: 0; padding: 4px 6px; }
.nui-profile-divider { position: absolute; z-index: 2; top: 0; bottom: 0; left: calc(var(--nui-profile-effective-aside-width) - 6px); width: 6px; cursor: col-resize; touch-action: none; }
.nui-profile-divider::before { position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: var(--nui-border); content: ''; }
.nui-profile-divider:focus-visible { outline: 2px solid var(--nui-ring); outline-offset: -2px; }
.nui-profile-aside-toggle { display: grid; flex: 0 0 26px; place-items: center; width: 26px; height: 26px; padding: 0; border: 1px solid var(--nui-border); border-radius: var(--nui-radius-sm); background: var(--nui-raised); color: var(--nui-text-muted); cursor: pointer; }
.nui-profile-aside-toggle:hover { background: var(--nui-raised-hover); color: var(--nui-text); }
.nui-profile-aside-toggle:focus-visible { outline: 2px solid var(--nui-ring); }
.nui-profile.is-aside-collapsed .nui-profile-divider { display: none; }
.nui-profile.is-aside-collapsed .nui-profile-header-image:not([hidden]) { display: block; }
.nui-profile-message, .nui-profile-skeleton { display: none; }
.nui-profile.is-loading > .nui-profile-header, .nui-profile.is-loading > .nui-profile-controls, .nui-profile.is-loading > .nui-profile-content, .nui-profile.is-loading > .nui-profile-footer, .nui-profile.is-message > .nui-profile-header, .nui-profile.is-message > .nui-profile-controls, .nui-profile.is-message > .nui-profile-content, .nui-profile.is-message > .nui-profile-footer { display: none; }
.nui-profile.is-message > .nui-profile-message { display: grid; flex: 1 1 auto; place-items: center; min-height: 160px; padding: 20px; color: var(--nui-text-muted); text-align: center; }
.nui-profile.is-loading > .nui-profile-skeleton { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.nui-profile-skeleton-header, .nui-profile-skeleton-image, .nui-profile-skeleton-strip, .nui-profile-skeleton-lines, .nui-profile-skeleton-main { background: var(--nui-raised-hover); }
.nui-profile-skeleton-header { height: 46px; margin-bottom: 1px; }
.nui-profile-skeleton-body { display: grid; flex: 1 1 auto; grid-template-columns: var(--nui-profile-aside-width) minmax(0, 1fr); gap: 1px; min-height: 0; background: var(--nui-border); }
.nui-profile-skeleton-body > div { min-width: 0; background: var(--nui-raised); }
.nui-profile-skeleton-image { aspect-ratio: 1; }
.nui-profile-skeleton-strip { height: 50px; margin-top: 1px; }
.nui-profile-skeleton-lines { height: 216px; margin-top: 1px; }
.nui-profile-skeleton-main { height: 40px; }
@container (max-width: 899px) {
	.nui-profile-content { --nui-profile-effective-aside-width: min(280px, var(--nui-profile-aside-width)); }
	.nui-profile-skeleton-body { grid-template-columns: 280px minmax(0, 1fr); }
}
@container (max-width: 640px) {
	.nui-profile-content { display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; }
	.nui-profile-aside { flex: 0 0 auto; max-height: none; overflow: visible; border-inline-end: 0; border-bottom: 1px solid var(--nui-border); }
	.nui-profile-aside-body { overflow: visible; }
	.nui-profile-aside-body > nui-image-gallery .nui-image-gallery-stage { display: none; }
	.nui-profile-main { flex: 0 0 auto; min-height: 180px; overflow: visible; }
	.nui-profile-main-body { overflow: visible; }
	.nui-profile-main-body > .nui-tabs { min-height: 180px; }
	.nui-profile-main-body > .nui-tabs > .nui-tabs-panel { overflow: visible; }
	.nui-profile-divider { display: none; }
	.nui-profile-aside-toggle { display: none; }
	.nui-profile-header-image:not([hidden]) { display: block; }
	.nui-profile-heading { flex: 1 1 auto; }
	.nui-profile-badges { display: none; }
	.nui-profile-skeleton-body { display: block; overflow: auto; }
	.nui-profile-skeleton-image { width: min(100%, 390px); }
}
@container (max-width: 420px) {
	.nui-profile-header { gap: 5px; padding-inline: 7px; }
	.nui-profile-subtitle { max-width: 82px; }
	.nui-profile-fact { grid-template-columns: minmax(75px, 40%) minmax(0, 1fr); }
}