/* Collection detail: shared shell, cards and tokenized surfaces. */
.collection-screen{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}
.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.collection-return-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;min-height:32px}
.collection-heading .collection-return-group .collection-count{margin-top:0;width:auto;flex:0 0 auto}
.collection-heading.catalog-selection-row{justify-content:flex-start;align-items:flex-start;gap:12px var(--context-gap);flex-wrap:wrap;min-height:32px;margin:0;flex:none}
.collection-heading h1{font-size:28px;line-height:36px;margin:0 0 4px;font-weight:600}
.collection-heading p{margin:0;color:var(--muted);font-size:14px}
.collection-heading p span{color:var(--soft)}
.collection-preview-label{font-size:12px;color:var(--muted)}
.collection-layout{--catalog-columns:4;display:grid;grid-template-columns:minmax(0,1fr) calc((100% - (var(--catalog-columns) - 1)*16px)/var(--catalog-columns));gap:4px;align-items:start}
.collection-variants.feature-rail.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
.collection-inspector{position:sticky;top:0;max-height:calc(100dvh - 240px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;background:var(--surface-work);border-radius:var(--radius-work);padding:var(--panel-inline-inset);display:flex;flex-direction:column;gap:12px}
.collection-selected-heading small{color:var(--muted);font-size:12px}
.collection-selected-heading h2{font-size:20px;line-height:28px;margin:4px 0;font-weight:600}
.collection-selected-heading p{color:var(--muted);font-size:12px;margin:4px 0}
.collection-selected-heading{position:relative}
.collection-selected-heading .collection-favourite{position:absolute;top:0;right:0}
.collection-selected-heading .collection-producer-names{padding-right:36px}
.collection-inspector-header{flex:none;min-width:0}
.collection-inspector .collection-selected-heading{position:relative;background:var(--surface-work)}
.collection-info-scroll{flex:1;min-height:0;margin-right:calc(-1 * var(--panel-inline-inset));padding-right:max(0px,calc(var(--panel-inline-inset) - var(--info-scrollbar-width,0px)));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin}
.collection-producer-heading{display:flex;align-items:center;gap:12px}
.collection-producer-logo{width:64px;height:64px;flex:0 0 64px;border-radius:var(--radius-content);overflow:hidden;display:grid;place-items:center;background:var(--surface-content);color:var(--text)}
.collection-producer-logo img{display:block;width:100%;height:100%;object-fit:contain}
.collection-producer-logo span{font-size:20px;font-weight:600;letter-spacing:.04em}
.collection-producer-names{min-width:0;overflow-wrap:anywhere}
.collection-producer-name{font-size:14px;line-height:20px;color:var(--muted)}
.collection-current-variant{overflow-wrap:anywhere}
.collection-info-island{padding:0;border-radius:0;background:transparent}
.collection-info-island h3{font-size:14px;line-height:20px;margin:0 0 12px;font-weight:600}
.collection-info-island dl{display:grid;gap:12px;margin:0}
.collection-markets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;list-style:none;margin:0;padding:0;font-size:13px;line-height:20px;color:var(--text)}
.collection-markets li{min-width:0;overflow-wrap:anywhere}
.collection-info-island dl>div{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:20px}
.collection-info-island dt{color:var(--muted)}.collection-info-island dd{margin:0;text-align:right;overflow-wrap:anywhere}
.collection-info-island p,.collection-info-island small{font-size:13px;line-height:20px;color:var(--muted);margin:0}
.collection-data-note{font-size:12px;line-height:18px;margin:0;color:var(--muted)}
.collection-context{display:flex;align-items:center;gap:16px;min-width:0}
.collection-destination{display:flex;gap:16px;margin-left:auto}
.collection-context-select{position:relative;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-width:0}
.collection-context-select>.catalog-control{min-width:150px;justify-content:space-between;flex:none}
.collection-context-select .catalog-sort-menu{left:0;right:auto;min-width:220px;max-height:280px;overflow:auto;z-index:40}
.collection-context-select .catalog-sort-menu button{display:block;width:100%;text-align:left}
.collection-context-select button:disabled{opacity:.45;cursor:not-allowed}
.collection-topbar .catalog-top-primary>.collection-context{flex:1;margin-right:96px;gap:8px;flex-wrap:wrap}
.collection-topbar .collection-context>.collection-destination{display:contents}
.collection-topbar .collection-context-select[data-context=project]{order:0}
.collection-topbar .collection-context-select[data-context=space]{order:1}
.collection-topbar .collection-context-select[data-context=program]{order:2}
.collection-topbar .collection-context-select{flex:0 0 auto;width:max-content;min-width:168px;max-width:240px}
.collection-topbar .collection-context-select>span{display:none}
.collection-topbar .collection-context-select>.catalog-control{width:100%;min-width:0;font-size:13px}
.collection-topbar .collection-context-select>.catalog-control>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.collection-topbar .collection-filter-row{margin:0}
@media(max-width:1000px){.collection-topbar .catalog-top-primary>.collection-context{order:2;flex:1 0 100%;margin:0}}
@media(max-width:600px){.collection-topbar .collection-context-select{flex:1 1 0;width:auto;min-width:0;max-width:none}.collection-topbar .collection-filter-row .catalog-sort{margin-left:0;flex:1}.collection-topbar .catalog-sort>.catalog-control{min-width:0;flex:1}}
@media(max-width:600px){.collection-topbar [data-context-toggle][data-empty=true]>span{display:none}.collection-topbar [data-context-toggle][data-empty=true]::before{content:attr(data-placeholder);white-space:nowrap}.collection-topbar [data-context-toggle]{padding-inline:8px}}
.variant-select{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer}
.variant-select>img{width:100%;height:100%;object-fit:cover}
.variant-card .library-model-badge{pointer-events:none}
.variant-name{border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.variant-card{position:relative;container-type:inline-size}
.variant-card.is-selected::after{content:"";position:absolute;inset:0;border:4px solid var(--action-blue);border-radius:var(--radius-content);pointer-events:none;z-index:2}
.variant-selected-badge{display:none;position:absolute;top:10px;left:10px;align-items:center;justify-content:center;width:80px;height:24px;padding:0;box-sizing:border-box;border-radius:6px;background:var(--action-blue);color:var(--on-action-hover);font-family:inherit;font-size:11px;line-height:14px;font-weight:400;pointer-events:none}
.variant-card.is-selected .variant-selected-badge{display:inline-flex}
.variant-card.is-selected .library-owned-badge{top:46px}
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .feature-rail.products .variant-card.is-selected .feature-copy{background:#FEFEFE;color:var(--on-action-blue)}
.variant-identity{display:contents}
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .feature-rail.products .variant-card.is-selected .feature-copy :is(h3,.variant-name){color:var(--on-action-blue)}
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .feature-rail.products .variant-card.is-selected .feature-copy small{color:#5B5B5C}
.variant-project-action{display:flex;flex:1;min-width:0;gap:8px}
.variant-project-add{flex:1;min-width:0;border:0;border-radius:var(--radius-control);background:var(--raised);color:var(--text);height:32px;padding:0 10px;text-align:left;font-size:12px;line-height:14px;transition:background-color .18s ease,color .18s ease}
.variant-quantity-control{display:flex;align-items:center;justify-content:center;flex:0 0 var(--variant-utility-width);border-radius:var(--radius-control);overflow:hidden;background:var(--raised);color:var(--text)}
.variant-quantity-control button{display:grid;place-items:center;flex:0 0 22px;width:22px;height:32px;padding:0;border:0;background:transparent;color:inherit;font-size:16px;cursor:pointer}
.variant-quantity-control:hover{background:var(--action-blue);color:#fff}
.variant-quantity-control:hover :is(button,.variant-quantity){background:transparent;color:inherit}
.variant-card .variant-quantity-control:hover button:disabled{color:inherit;opacity:.35}
.variant-quantity-control button:focus-visible{outline:2px solid var(--action-blue);outline-offset:-2px}
.variant-quantity{width:34px;min-width:34px;height:32px;padding:0 2px;border:0;outline:0;border-radius:0;background:transparent;color:inherit;font-size:12px;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield}
.variant-quantity:hover,.variant-quantity:focus{background:transparent}
.variant-quantity::-webkit-inner-spin-button,.variant-quantity::-webkit-outer-spin-button{appearance:none;margin:0}
.variant-add{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:10px;background:var(--raised);color:var(--text);transition:background-color .18s ease,color .18s ease,transform .18s ease}
.feature-rail.products .variant-card :is(.variant-project-add,.variant-add):not(:disabled):hover{background:var(--action-blue);color:#fff;box-shadow:none}
.feature-rail.products .variant-card .variant-compare[aria-pressed=true]:not(:disabled):hover{background:var(--action-blue);color:var(--on-action-hover)}
.variant-compare[aria-pressed=true],.variant-compare[aria-pressed=true]:not(:disabled):hover{background:var(--action-blue);color:var(--on-action-hover);box-shadow:none}
.variant-card:not(.is-selected) .variant-project-action,.variant-card.is-selected :is(.variant-compare,.variant-choose){display:none}
.variant-compare svg{flex-shrink:0}
.variant-card{--variant-utility-width:96px}
.variant-download{display:flex;align-items:center;justify-content:center;gap:4px;flex-basis:var(--variant-utility-width);width:var(--variant-utility-width);white-space:nowrap}
.variant-download-label{font-family:inherit;font-size:inherit;line-height:14px;font-weight:400}
.variant-card .feature-art>.variant-download{position:absolute;top:10px;right:10px;z-index:1;width:80px;min-width:80px;height:24px;min-height:24px;padding:0 7px;border-radius:6px;font-size:11px;line-height:14px;font-weight:400}
.variant-card .feature-art>.variant-download svg{width:14px;height:14px;flex:none}
.variant-card .feature-art>.variant-download::after{content:"";position:absolute;inset:-4px}
.variant-card{--model-ready:#34C759}
.feature-rail.products .variant-card .variant-download.is-ready,.feature-rail.products .variant-card .variant-download.is-ready:not(:disabled):hover,.variant-card .library-model-badge.is-model-ready{background:var(--model-ready);color:var(--on-action-hover)}
.variant-card .library-model-badge.is-model-ready{max-width:calc(100% - 20px);white-space:normal;text-align:center;line-height:16px}
.variant-card .feature-art:has(.is-model-ready) .library-owned-badge{top:60px}
.feature-rail.products .variant-card .variant-download.is-loading{opacity:1;background:var(--raised);color:var(--text);-webkit-text-fill-color:currentColor;cursor:progress}
.download-spinner{animation:model-download-spin .65s linear infinite}
@keyframes model-download-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.download-spinner{animation:none}}
@container(max-width:310px){.variant-card .feature-actions{gap:4px}}
.collection-info-island dl>div{position:relative}
.collection-info-island dl>div:has(.collection-inline-comparison){gap:8px}
.collection-info-island dl>div:has(.collection-inline-comparison)>dt{min-width:0;flex:1 1 35%;overflow-wrap:anywhere}
.collection-info-island dd.collection-inline-comparison{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;min-width:0;flex:0 1 65%;white-space:nowrap}
.collection-compared-value,.collection-base-value{min-width:0;max-width:100%;font-size:inherit;line-height:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-compared-value{color:var(--action-blue)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .collection-compared-value{color:var(--hc-fg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .variant-compare[aria-pressed=true]{background:var(--hc-fg)!important;color:var(--hc-bg)!important}
@media(prefers-reduced-motion:reduce){.variant-project-add,.variant-add{transition:none}}
:is([data-theme=yellow-black],[data-theme=black-yellow]) :is(.variant-project-add,.variant-quantity,.variant-download,.variant-add){background:var(--hc-bg)!important;color:var(--hc-fg)!important;outline:1px solid var(--hc-fg);outline-offset:-1px}
:is([data-theme=yellow-black],[data-theme=black-yellow]) :is(.variant-project-add,.variant-download,.variant-add):not(:disabled):hover{outline:2px solid var(--hc-fg);outline-offset:-2px;text-decoration:underline;text-underline-offset:3px}
.variant-card{--variant-disabled-bg:color-mix(in srgb,var(--raised) 12%,transparent);--variant-disabled-fg:color-mix(in srgb,var(--muted) 65%,transparent)}
.variant-card :is(.variant-project-add,.variant-add,.variant-quantity-control button,.variant-quantity):disabled{opacity:1;color:var(--variant-disabled-fg);-webkit-text-fill-color:currentColor;cursor:default;box-shadow:none;transform:none}
.variant-card :is(.variant-project-add,.variant-add):disabled{background:var(--variant-disabled-bg)}
.variant-quantity-control:has(.variant-quantity:disabled){background:var(--variant-disabled-bg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .variant-card{--variant-disabled-fg:var(--hc-fg)}
.variant-card .library-variant-count{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Selected variant: hover surface with a static inset gradient ring. */
.feature-rail.products .variant-card.is-selected .variant-project-action .variant-project-add:is(:hover,:active){transform:none;box-shadow:none}
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .variant-card.is-selected .variant-project-action .variant-project-add{background:var(--raised);color:var(--text)}
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .variant-card.is-selected .variant-project-action .variant-project-add:not(:disabled):hover{background:var(--action-blue);color:var(--on-action-hover)}
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .variant-card.is-selected .variant-quantity-control{background:var(--raised);color:var(--text);transition:background-color .18s ease}
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .variant-card.is-selected .variant-quantity-control:hover{background:var(--action-blue);color:var(--on-action-hover)}
:root:not([data-theme=yellow-black]):not([data-theme=black-yellow]) .variant-card.is-selected .variant-quantity-control button:disabled{color:var(--text);-webkit-text-fill-color:currentColor;opacity:.35}
.variant-card.is-selected .variant-project-action .variant-project-add:focus-visible{outline:2px solid var(--text);outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.variant-card.is-selected .variant-project-action :is(.variant-project-add,.variant-quantity-control){transition:none!important}}
.collection-mobile-dialog,.collection-add-dialog{--dialog-surface:var(--surface-work);width:min(600px,calc(100vw - 24px))}
.collection-mobile-dialog .event-dialog-scroll{display:flex;flex-direction:column;gap:var(--space-6)}
.collection-add-dialog .collection-context,.collection-add-dialog .collection-destination{display:flex;flex-direction:column;align-items:stretch;margin:0}
.collection-add-dialog .collection-context-select{justify-content:space-between}
.collection-add-dialog .collection-context-select:first-child[data-context=program]{display:none}
.collection-add-dialog .event-dialog-scroll{display:flex;flex-direction:column;gap:20px}
.collection-quantity{display:flex;align-items:center;justify-content:space-between;font-size:14px}
.collection-quantity input{width:120px;height:40px;padding:0 12px;border:0;outline:0;border-radius:10px;background:var(--field-bg);color:var(--text)}
.collection-quantity input:hover{background:var(--field-hover)}.collection-quantity input:focus{background:var(--field-focus)}
.collection-add-error:empty{display:none}

.collection-inspector{overflow:hidden;gap:var(--space-6)}
.collection-inspector[hidden]{display:none}
#collection-inspector-content{display:flex;flex:none;flex-direction:column;gap:var(--space-6);min-width:0}
.collection-screen :is(.collection-variants-pane,.collection-info-scroll){--main-scrollbar-color:transparent;scrollbar-color:var(--main-scrollbar-color) transparent;transition:--main-scrollbar-color .4s ease-out}
.collection-screen :is(.collection-variants-pane,.collection-info-scroll).is-scrolling{--main-scrollbar-color:var(--soft);transition-duration:.12s}
.collection-screen :is(.collection-variants-pane,.collection-info-scroll)::-webkit-scrollbar{width:12px}
.collection-screen :is(.collection-variants-pane,.collection-info-scroll)::-webkit-scrollbar-thumb{border:4px solid transparent;border-radius:12px;background:var(--main-scrollbar-color);background-clip:padding-box}
@media(prefers-reduced-motion:reduce){.collection-screen :is(.collection-variants-pane,.collection-info-scroll){transition:none}}
/* Sibling scroll regions: neither column can move the other at its boundary. */
@media(min-width:701px){
 main.collection-main{overflow:hidden;scrollbar-gutter:auto;padding-right:var(--space-3)}
 .collection-main .collection-screen{height:100%;min-height:0;padding-bottom:0}
 .collection-main .collection-layout{flex:1;height:auto;min-height:0;align-items:start}
 .collection-variants-pane{height:100%;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;padding:0 max(0px,calc(12px - var(--variant-scrollbar-width,0px))) var(--space-6) 0}
 .collection-main .collection-inspector{position:relative;top:auto;height:100%;max-height:100%;min-height:0;overscroll-behavior:contain;overflow-anchor:none}
}
@media(max-width:1180px){.collection-layout{--catalog-columns:3}.collection-variants.feature-rail.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.collection-layout{--catalog-columns:2}.collection-variants.feature-rail.products{grid-template-columns:1fr}}
@media(max-width:1050px){.collection-context,.collection-destination{flex-wrap:wrap;gap:8px}.collection-context-select>.catalog-control{min-width:120px}.collection-preview-label{display:none}}
@media(max-width:700px){
 .collection-layout{display:block}.collection-inspector{display:none}
 .collection-context{flex-wrap:wrap}.collection-destination{margin-left:0;flex:1 0 100%}
 .collection-context-select{flex:1}.collection-context-select>.catalog-control{min-width:0;flex:1}
 .collection-heading h1{font-size:24px;line-height:32px}
 .collection-screen{gap:16px}.collection-variants.feature-rail.products{grid-template-columns:repeat(2,minmax(0,1fr))}
 .variant-card .feature-actions{gap:4px}.variant-card .feature-actions>.variant-download{font-size:11px;padding-inline:6px}
 .collection-mobile-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 .collection-context-select .catalog-sort-menu{min-width:160px;max-width:calc(100vw - 48px)}
}
@media(max-width:460px){.collection-variants.feature-rail.products{grid-template-columns:1fr}}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .variant-card.is-selected::after{padding:0;background:none;mask:none;-webkit-mask:none;border:4px solid var(--hc-fg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .collection-quantity input{outline:1px solid var(--hc-fg)}
/* Own products use the same cards; commercial editing is scoped to the selected variant. */
.collection-facts-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.collection-facts-heading .catalog-text-button{flex:none;font-size:14px}
.private-commercial-dialog .private-form{overflow:hidden}
.private-commercial-dialog .private-commercial-variant{margin:0 0 16px;color:var(--muted)}
.private-commercial-dialog .catalog-filter-section{margin-bottom:16px}
.private-commercial-dialog .catalog-range{margin-bottom:12px}
.private-commercial-dialog .private-form input{background:var(--field-bg);outline:0;box-shadow:none;font:inherit;font-weight:400}
.private-commercial-dialog .private-form input:hover{background:var(--field-hover)}
.private-commercial-dialog .private-form input:focus{background:var(--field-focus)}
.private-commercial-dialog .catalog-select{position:relative;min-width:0}
.private-commercial-dialog .catalog-control{width:100%}
.private-commercial-dialog .cta--primary{color:var(--on-action-hover)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .private-commercial-dialog input{outline:1px solid var(--hc-fg)}
.private-commercial-dialog .catalog-sort-menu{left:0;right:auto;min-width:100%;width:max-content;max-width:100%;max-height:200px;overflow-y:auto}
@media(max-width:480px){.private-commercial-dialog .catalog-range{grid-template-columns:1fr}.private-commercial-dialog .event-dialog-footer{gap:12px}}
.collection-facts-heading{margin-bottom:12px}
.collection-facts-heading h3{margin-bottom:0}
.collection-producer-names .cta--compact{margin-top:8px}
.private-section-fields{display:grid;gap:16px;padding-bottom:16px}
.simtu-dialog.private-delete-dialog{width:min(460px,calc(100vw - 32px))}
.private-asset-picker{display:grid;gap:8px;margin:8px 0 16px;min-width:0}
.private-asset-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.private-asset-status,.private-asset-picker small{font-size:12px;line-height:18px;color:var(--muted);overflow-wrap:anywhere}
.private-logo-preview{width:64px;height:64px;object-fit:contain;background:var(--surface-content);border-radius:var(--radius-control)}