/* Client Asset Library — same white canvas and controls as Creative Variants. */
.portal-page #panel-user-assets.active {display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:0;}
#user-assets-root {display:flex;flex:1;min-height:0;height:100%;}
.user-assets {display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;height:100%;background:var(--skin-surface,white);color:var(--skin-text,#26323d);font:13px/1.4 var(--cc-font-alt,Montserrat),Arial,sans-serif;border:1px solid var(--skin-border,#e5e5e8);border-radius:0;overflow:hidden;container:asset-library / inline-size;}
.user-assets * {box-sizing:border-box;}
.user-assets [hidden] {display:none!important;}
.user-assets button,.user-assets input {font:inherit;}
.user-assets button {cursor:pointer;}
.user-assets button:focus-visible,.user-assets summary:focus-visible,.user-assets input:focus-visible {outline:2px solid var(--skin-accent,#e03a00);outline-offset:2px;}
.user-assets__icon {display:inline-flex;align-items:center;justify-content:center;flex:none;width:19px;height:19px;}
.user-assets__icon svg {width:100%;height:100%;display:block;}
.user-assets__toolbar {display:flex;align-items:center;flex-wrap:nowrap;gap:6px;height:58px;padding:0 12px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--skin-border,#e7e8eb);flex:none;}
.user-assets .user-assets__button {display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;min-height:0;padding:8px;border:1px solid var(--skin-border,#dfe2e8);border-radius:var(--skin-radius,8px);background:var(--skin-surface,#fff);color:var(--skin-text,#252b33);line-height:1.4;white-space:nowrap;box-shadow:none;}
.user-assets .user-assets__button:hover {background:var(--skin-surface-muted,#f7f8fa);border-color:var(--skin-border-strong,#aeb6bf);}
.user-assets .user-assets__button:disabled {opacity:.5;cursor:not-allowed;}
.user-assets__tabs {display:flex;align-items:center;flex-wrap:nowrap;gap:8px;flex:none;}
.user-assets__tabs .user-assets__icon {width:19px;height:19px;}
.user-assets__tabs .user-assets__button {font-size:13px;padding:8px 10px;}
.user-assets__tabs .user-assets__button.is-active {background:var(--skin-surface-muted,#fff4ee);border-color:var(--skin-accent,#e83e09);color:var(--skin-accent,#de3b09);}
.user-assets__approval-filter,.user-assets__views {display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--skin-border,#dfe2e8);border-radius:var(--skin-radius,9px);height:39px;flex:none;}
.user-assets__approval-filter {margin-left:auto;}
.user-assets__approval-filter .user-assets__button,.user-assets__views .user-assets__button {width:34px;height:31px;min-height:0;border:0;border-radius:var(--skin-radius,8px);padding:8px;font-size:12px;color:var(--skin-muted,#758393);}
.user-assets__approval-filter .user-assets__button.is-active,.user-assets__views .user-assets__button.is-active {background:var(--skin-strong,#25313c);color:var(--skin-on-strong,#fff);}

.user-assets__views .user-assets__icon,.user-assets__approval-filter .user-assets__icon {width:19px;height:19px;}
.user-assets__search-wrap {display:flex;align-items:center;gap:8px;width:260px;height:38px;padding:0 10px;border:1px solid var(--skin-border,#dfe2e8);border-radius:var(--skin-radius,8px);color:var(--skin-muted,#8593a3);flex:none;}
.user-assets__search-wrap .user-assets__icon {width:18px;height:18px;}
.user-assets input.user-assets__search {width:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:13px;color:var(--skin-text,#3c4959);}
.user-assets__search::placeholder {color:var(--skin-muted,#8593a3);}
.user-assets .user-assets__studio,.user-assets .user-assets__refresh {width:38px;flex:none;padding:8px;}
.user-assets__status {margin:0;padding:10px 24px;background:var(--skin-surface-muted,#fff8ef);border-bottom:1px solid var(--skin-border,#eee2cf);color:var(--skin-warning,#7f632f);flex:none;}
.user-assets__body {display:grid;grid-template-columns:minmax(0,1fr) clamp(310px,30%,420px);flex:1;min-height:0;overflow:hidden;}
.user-assets__body[data-view=thumbnails],.user-assets__body[data-view=list] {grid-template-columns:minmax(0,1fr);}
.user-assets__gallery {display:flex;flex-direction:column;min-width:0;min-height:0;padding:12px 12px 0;background:var(--skin-surface-muted,#f7f8fa);overflow:hidden;}
.user-assets__results {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;flex:1;min-height:0;overflow:auto;padding:1px 2px 2px;scrollbar-width:thin;}
.user-assets__body[data-view=thumbnails] .user-assets__results {grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}
.user-assets__body[data-view=list] .user-assets__results {display:block;}
.user-assets .user-assets__card {display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:max-content;height:auto;max-height:none;padding:0;border:1px solid var(--skin-border,#dce2ea);border-radius:var(--skin-radius,16px);background:var(--skin-surface,white);text-align:left;color:var(--skin-text,#293641);overflow:hidden;}
.user-assets__card:hover {border-color:var(--skin-accent-hover,#e88d71);}
.user-assets .user-assets__card.is-selected {border-color:var(--skin-accent,#e73e0b);box-shadow:0 0 0 1px #e73e0b;}
.user-assets__image {position:relative;display:grid;place-items:center;min-width:0;background:var(--skin-surface,#fff);overflow:hidden;}
.user-assets__card>.user-assets__image {height:112px;min-height:112px;flex:0 0 112px;align-self:stretch;margin:8px 8px 0;border-radius:var(--skin-radius,8px);}
/* Fit large assets while keeping small source images at their intrinsic size. */
.user-assets__image img {position:absolute;inset:0;margin:auto;z-index:1;display:block;width:auto;height:auto;min-height:0;max-width:100%;max-height:100%;object-fit:scale-down;}
.user-assets__image img:not([src]) {display:none;}
.user-assets__fallback {position:absolute;width:42px;height:42px;color:var(--skin-muted,#b9c3d0);}
.user-assets__image.has-preview .user-assets__fallback {display:none;}
.user-assets__card-caption {flex:none;padding:10px 12px;border-top:1px solid var(--skin-border,#edf0f4);}
.user-assets__card-caption>strong {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;margin-bottom:4px;}
.user-assets__kind {display:flex;align-items:center;gap:6px;color:var(--skin-muted,#85919f);font-size:11px;overflow-wrap:anywhere;}
.user-assets__kind .user-assets__icon {width:15px;height:15px;}
.user-assets__format {margin-left:auto;font-size:10px;letter-spacing:.5px;}
.user-assets__approval {display:flex;align-items:center;gap:6px;color:var(--skin-success,#278264);font-size:11px;line-height:1.5;}
.user-assets__card .user-assets__approval {margin-top:7px;font-size:11px;}
.user-assets__card .user-assets__kind {font-size:11px;}
.user-assets__card .user-assets__fallback {width:40px;height:40px;}
.user-assets__approval .user-assets__icon {width:15px;height:15px;}
.user-assets__approval--pending {color:var(--skin-warning,#9a681a);}
.user-assets__summary {margin:auto 0 0;padding:10px 0;flex:none;font-size:12px;color:var(--skin-muted,#8993a1);}
.user-assets__details {display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--skin-border,#e1e5eb);background:var(--skin-surface,white);}
.user-assets__detail-scroll {padding:12px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;}
.user-assets__detail-scroll h2 {margin:0;font-size:13px;font-weight:600;}
.user-assets__detail-title {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.user-assets .user-assets__detail-title .user-assets__button {width:38px;flex:none;}
.user-assets__preview-dialog {width:calc(100vw - 48px);height:calc(100dvh - 48px);max-width:none;max-height:none;margin:auto;padding:0;border-radius:var(--skin-radius,14px);}
.user-assets__preview-dialog:not([open]) {display:none;}
.user-assets__preview-dialog::backdrop {background:var(--skin-overlay,#10182899);}
.user-assets__preview-toolbar {display:flex;align-items:center;gap:6px;height:58px;padding:0 12px;border-bottom:1px solid var(--skin-border,#e7e8eb);flex:none;}
.user-assets__preview-toolbar strong {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-assets .user-assets__preview-toolbar .user-assets__button {width:38px;flex:none;}
.user-assets__preview-stage {flex:1;min-height:0;overflow:auto;display:flex;padding:16px;background:var(--skin-surface-muted,#f7f8fa);}
.user-assets__preview-stage .user-assets__image {flex:none;margin:auto;}
.user-assets__preview-stage img {width:100%;height:100%;object-fit:contain;}
.user-assets__detail-heading {display:flex;align-items:center;gap:15px;margin:17px 0 14px;}
.user-assets__detail-heading>div:last-child {min-width:0;}
.user-assets__detail-heading .user-assets__image {width:87px;height:76px;flex:none;border:1px solid var(--skin-border,#e6ebf1);border-radius:var(--skin-radius,10px);background:var(--skin-surface-muted,#fafbfc);}
.user-assets__detail-heading h3 {font-size:16px;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere;}
.user-assets__detail-scroll>.user-assets__approval {background:var(--skin-surface-muted,#eef8f3);border:1px solid var(--skin-border,#deeee5);border-radius:var(--skin-radius,8px);padding:9px 11px;font-size:12px;}
.user-assets__detail-scroll>.user-assets__approval--pending {background:var(--skin-surface-muted,#fff7e9);border-color:var(--skin-border,#f1e5cb);}
.user-assets__analysis-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:21px;}
.user-assets__analysis-heading h4,.user-assets__section-heading {margin:0;font-size:14px;font-weight:600;}
.user-assets__analysis-heading>span {color:var(--skin-muted,#7c8999);font-size:10px;}
.user-assets__description {font-size:12px;line-height:1.5;color:var(--skin-muted,#526478);margin:12px 0;}
.user-assets__hint {font-size:11px;color:var(--skin-muted,#8693a2);margin:7px 0 12px;line-height:1.6;overflow-wrap:anywhere;}
.user-assets__analysis,.user-assets__metadata {display:grid;grid-template-columns:130px minmax(0,1fr);margin:0;font-size:12px;line-height:1.5;}
.user-assets__analysis dt,.user-assets__analysis dd {border-bottom:1px solid var(--skin-border,#eff1f5);padding:9px 0;margin:0;overflow-wrap:anywhere;}
.user-assets__analysis dt {color:var(--skin-muted,#7c8999);padding-right:10px;font-weight:400;}
.user-assets__analysis dd {color:var(--skin-text,#344352);}
.user-assets__analysis dd>small {display:block;font-size:10px;color:var(--skin-muted,#8793a1);margin-top:4px;}
.user-assets__evidence {margin:5px 0 0;font-size:10px;line-height:1.6;color:var(--skin-muted,#7b8796);}
.user-assets__evidence summary {cursor:pointer;color:var(--skin-muted,#647990);}
.user-assets__evidence p {margin:5px 0;}
.user-assets__section-heading {margin:22px 0 9px;}
.user-assets__metadata {gap:8px;}
.user-assets__metadata dt {color:var(--skin-muted,#7c8999);font-weight:400;}
.user-assets__metadata dd {margin:0;color:var(--skin-text,#4c5a6a);overflow-wrap:anywhere;}
.user-assets__detail-footer {padding:12px;border-top:1px solid var(--skin-border,#e4e9ef);flex:none;}
.user-assets .user-assets__download {background:var(--skin-accent,#e63a00);color:var(--skin-on-accent,white);border-color:var(--skin-accent,#e63a00);width:100%;font-size:13px;font-weight:600;}
.user-assets .user-assets__download:hover {background:var(--skin-accent-hover,#c93200);}
.user-assets__empty {grid-column:1/-1;align-self:center;justify-self:center;margin:36px;padding:20px;text-align:center;color:var(--skin-muted,#798799);font-size:13px;line-height:1.6;}
.user-assets__table {width:100%;border-collapse:collapse;text-align:left;background:var(--skin-surface,white);border:1px solid var(--skin-border,#dfe5ed);font-size:12px;}
.user-assets__table th {position:sticky;top:0;z-index:2;background:var(--skin-surface-muted,#f0f3f6);text-transform:uppercase;letter-spacing:.4px;padding:14px 16px;font-size:10px;font-weight:600;color:var(--skin-muted,#8190a1);}
.user-assets__table td {border-bottom:1px solid var(--skin-border,#e9edf2);padding:10px 16px;line-height:1.6;max-width:300px;overflow-wrap:anywhere;}
.user-assets__table tr:hover td {background:var(--skin-surface-muted,#fffaf6);}
.user-assets .user-assets__list-name {padding:0;min-height:38px;border:0;background:transparent;text-align:left;justify-content:flex-start;white-space:normal;}
.user-assets__list-name .user-assets__image {width:36px;height:36px;flex:none;border-radius:var(--skin-radius,4px);}
.user-assets__list-name .user-assets__fallback {width:25px;height:25px;}
.user-assets__list-name strong {display:block;font-size:13px;font-weight:600;}
.user-assets__list-name small {display:block;font-size:11px;color:var(--skin-muted,#8793a2);overflow-wrap:anywhere;}
@container asset-library (max-width:1100px) {
  .user-assets__toolbar {padding:0 14px;gap:7px;}
  .user-assets__search-wrap {width:180px;}
  .user-assets__tabs {gap:5px;}
  .user-assets__tabs .user-assets__button {padding:8px;}
}
@container asset-library (max-width:930px) {
  .user-assets__tabs .user-assets__button>span:not(.user-assets__icon) {display:none;}
  .user-assets__tabs .user-assets__button {width:38px;padding:8px;}
}
@container asset-library (max-width:950px) {
  .user-assets__approval-filter {margin-left:0;}
  .user-assets__body {grid-template-columns:minmax(0,1fr) 340px;}
  .user-assets__results {grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}
  .user-assets__detail-scroll {padding:18px;}
  .user-assets__analysis,.user-assets__metadata {grid-template-columns:110px minmax(0,1fr);}
}
@container asset-library (max-width:680px) {
  .user-assets__body[data-view=details] {display:flex;flex-direction:column;overflow:auto;}
  .user-assets__body[data-view=details] .user-assets__gallery {flex:none;min-height:240px;max-height:340px;}
  .user-assets__body[data-view=details] .user-assets__details {flex:none;min-height:300px;border-top:1px solid var(--skin-border,#e1e5eb);border-left:0;}
  .user-assets__body[data-view=details] .user-assets__detail-scroll {overflow:visible;}
  .user-assets__results,.user-assets__body[data-view=thumbnails] .user-assets__results {grid-template-columns:repeat(2,minmax(0,1fr));}
  .user-assets__table {min-width:850px;}
  .user-assets__tabs {gap:4px;}
  .user-assets__toolbar {padding:0 12px;gap:7px;}
  .user-assets__tabs .user-assets__button {padding:8px;gap:5px;}
}

.user-assets__detail-title h2 { flex:1; }
.portal-page #panel-user-assets .user-assets input.user-assets__search { border:0; border-radius:0; box-shadow:none; padding:0; height:auto; background:transparent; }
.user-assets__search-wrap:focus-within { border-color:var(--skin-accent,#e03a00); }


/* Keep all actions reachable; compact labels before allowing a second row. */
.user-assets__toolbar {height:auto;min-height:58px;padding:8px 12px;flex-wrap:wrap;overflow:visible;gap:6px;}
.user-assets__search-wrap {flex:1 1 180px;width:auto;min-width:140px;max-width:400px;}
.user-assets__approval-filter {margin-left:0;}
@container asset-library (max-width:1400px) {
 .user-assets__tabs .user-assets__button > span:not(.user-assets__icon) {display:none;}
 .user-assets__tabs .user-assets__button {width:38px;padding:8px;}
}
.asset-html-viewer {box-sizing:border-box;width:calc(100vw - 32px);max-width:1800px;height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid var(--skin-border,#dfe2e8);border-radius:var(--skin-radius,8px);background:var(--skin-surface,#fff);color:var(--skin-text,#25313c);overflow:hidden;}
.asset-html-viewer[open] {display:flex;flex-direction:column;}
.asset-html-viewer::backdrop {background:#14213280;}
.asset-html-viewer > header {display:flex;align-items:center;gap:8px;flex:none;padding:8px 12px;border-bottom:1px solid var(--skin-border,#dfe2e8);}
.asset-html-viewer > header strong {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.asset-html-viewer .user-assets__button {display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:34px;padding:6px 8px;background:var(--skin-surface,#fff);color:inherit;border:1px solid var(--skin-border,#dfe2e8);border-radius:var(--skin-radius,6px);cursor:pointer;}
.asset-html-viewer__zoom {min-width:42px;text-align:center;font-size:12px;}
.asset-html-viewer__stage {flex:1;min-height:0;overflow:auto;background:var(--skin-surface-muted,#f4f6f8);padding:12px;}
.asset-html-viewer__canvas {margin:0 auto;}
.asset-html-viewer iframe {display:block;border:0;background:white;transform-origin:top left;}
.asset-html-viewer iframe[hidden],.asset-html-viewer__status[hidden] {display:none;}
@media(max-width:600px){.asset-html-viewer > header {flex-wrap:wrap;}.asset-html-viewer > header strong {flex-basis:100%;}}

#user-assets-root .user-assets__results.user-assets__templates {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;align-content:stretch;padding:0;}
.user-assets__templates .template-card {border:1px solid var(--skin-border,#dfe3e8);border-radius:6px;background:var(--skin-surface,#fff);}
.user-assets__templates .object-catalog__asset-info {display:flex;align-items:center;justify-content:center;flex:0 0 34px;min-height:34px;padding:5px 10px;box-sizing:border-box;font-size:12px;}
.user-assets__templates .object-catalog__asset-info strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:700px){#user-assets-root .user-assets__results.user-assets__templates{grid-template-columns:minmax(0,1fr);}}

.user-assets__pager {display:flex;justify-content:flex-end;gap:8px;padding:6px 10px;}
@container asset-library (max-width:900px){#user-assets-root .user-assets__results.user-assets__templates{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));}}
@container asset-library (max-width:480px){#user-assets-root .user-assets__results.user-assets__templates{grid-template-columns:minmax(0,1fr);grid-auto-rows:360px;grid-template-rows:none;}}

.user-assets__toolbar .user-assets__pager {flex:none;align-items:center;padding:0;gap:6px;margin-left:auto;}
.user-assets__toolbar .user-assets__summary {margin:0;white-space:nowrap;font-size:12px;}
.asset-html-viewer__stage {overflow-x:hidden;}

.user-assets__toolbar .user-assets__pager button {width:auto;min-width:0;min-height:28px;height:28px;padding:3px 8px;font:inherit;white-space:nowrap;}
.user-assets__pager [hidden] {display:none!important;}

.user-assets__toolbar .user-assets__pager[hidden]{display:none!important}
.user-assets__toolbar .user-assets__pager button:disabled{opacity:.4;cursor:default}