/* Dedicated, shareable asset pages. */
[hidden]{display:none!important}
.asset-page{padding-top:34px;padding-bottom:70px;min-height:80vh;color:#e8e7e2}
.asset-breadcrumb{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;font-size:12px;color:#8d9295}
.asset-back,.asset-related-title>a{display:inline-flex;gap:8px;align-items:center;color:#c5c6c1;text-decoration:none}
.asset-back:hover,.asset-related-title>a:hover{color:#ff9869}
.asset-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.asset-page-heading h1{font-size:clamp(28px,3.5vw,46px);line-height:1.14;letter-spacing:-1.7px;margin:10px 0 14px;overflow-wrap:anywhere}
.asset-detail-metrics{display:flex;gap:24px;flex-shrink:0;padding:16px 22px;border:1px solid #ffffff16;background:#ffffff03;border-radius:12px}
.asset-metric{display:inline-flex;align-items:center;gap:6px;color:#a7aaa7;font-size:12px;white-space:nowrap}
.asset-metric svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6}
.asset-metric b{font-weight:550;color:#e8e8e2;font-variant-numeric:tabular-nums}.asset-metric small{font-size:10px}
.asset-card-metrics{display:flex;gap:18px;padding:0 20px 15px}.asset-card-metrics .asset-metric{font-size:11px}.asset-card-metrics .asset-metric small{font-size:10px}
.asset-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.asset-detail-main{min-width:0}.asset-detail-discussion{margin:0!important;border:1px solid #ffffff18!important;border-radius:16px;padding:24px!important;background:#1a1c1b;position:sticky;top:100px;min-width:0}
.asset-detail-discussion h3{font-size:20px;margin:0 0 12px}.asset-detail-discussion .discussion-list{max-height:390px;overflow-y:auto;scrollbar-width:thin}.asset-detail-discussion .discussion-comment-head{flex-wrap:wrap;gap:6px}.asset-detail-discussion .discussion-form textarea{width:100%;box-sizing:border-box}.asset-detail-discussion .discussion-form-row{flex-wrap:wrap;gap:10px}.asset-detail-discussion .button{font-size:11px;padding:10px 12px}.asset-detail-discussion .discussion-note{font-size:12px}
.asset-inline-preview.public-preview{position:relative;inset:auto;width:100%;height:auto;min-height:530px;max-height:none;border:1px solid #293343;border-radius:16px;z-index:auto;overflow:hidden;grid-template-rows:auto minmax(310px,1fr) auto}
.asset-inline-preview .public-preview-header{padding:16px 20px}.asset-inline-preview .public-preview-header h2{font-size:15px;margin:3px 0}.asset-inline-preview .public-preview-header .eyebrow{font-size:9px}.asset-inline-preview .public-preview-header small{font-size:10px}.asset-inline-preview .public-preview-actions [data-studio]{font-size:10px;padding:8px 12px}
.asset-inline-preview .public-preview-stage{min-height:330px}.asset-inline-preview .public-preview-footer{padding:15px 20px;flex-direction:column;align-items:stretch;gap:6px}.asset-inline-preview .public-preview-footer-copy>p:first-child{font-size:10px;line-height:1.6}.asset-inline-preview .public-preview-tools{gap:6px}.asset-inline-preview .public-preview-tools button,.asset-inline-preview .public-preview-tools select{font-size:10px;padding:8px 9px}
.asset-inline-preview:fullscreen{position:fixed;width:100vw;height:100dvh;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;z-index:10001}.asset-inline-preview:fullscreen .public-preview-stage{min-height:0}
.asset-description{padding:26px 4px}.asset-description-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.asset-description-head h2{font-size:21px;letter-spacing:-.5px}.asset-description-head>span{border:1px solid #ffffff22;padding:6px 12px;border-radius:20px;font-size:10px;color:#a9aaa3}.asset-description>p{line-height:1.8;font-size:13px;color:#b5b6ae;white-space:pre-wrap;overflow-wrap:anywhere}.asset-description .license-summary{background:#211e1a;border:1px solid #7d61434d;border-radius:12px}.asset-description .license-summary p{font-size:12px;color:#bcb3a7}.asset-description .license-summary strong{font-size:13px}.asset-description .demo-note{font-size:10px;color:#878d88}
.detail-actions .button{display:inline-flex;align-items:center;gap:8px}.detail-actions svg,.asset-back svg,.asset-related-title svg{width:17px;height:17px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7}
.asset-related{margin-top:22px;border-top:1px solid #ffffff18;padding-top:34px}.asset-related-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.asset-related-title h2{font-size:25px;letter-spacing:-.8px;margin:10px 0}.asset-related-title>a{font-size:12px}.asset-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.asset-related-grid>a{display:block;overflow:hidden;text-decoration:none;color:#e6e7df;background:#1d1f1c;border:1px solid #ffffff16;border-radius:14px;transition:border-color .2s}.asset-related-grid>a:hover{border-color:#f1784855}.asset-related-grid img{width:100%;height:160px;object-fit:contain;background:#15191e}.asset-related-grid strong{display:block;font-size:14px;padding:18px 20px 14px}.asset-related-grid .asset-card-metrics{flex-wrap:wrap;gap:12px}
.product-live-view.static-card-open{display:block;cursor:pointer}.product-card{border-radius:14px;overflow:hidden}.product-card:focus-within{outline:1px solid #ee8b5666}.art-corner svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.7;fill:none}
@media(min-width:1500px){.asset-detail-layout{grid-template-columns:minmax(0,1fr) 380px}.asset-inline-preview .public-preview-stage{min-height:420px}}
@media(max-width:1000px){.asset-detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.asset-detail-discussion{padding:18px!important}.asset-detail-metrics{gap:14px;padding:14px}.asset-metric small{display:none}.asset-card-metrics .asset-metric small{display:inline}.asset-inline-preview .public-preview-tools label{width:100%}}
@media(max-width:760px){.asset-page{padding-top:22px}.asset-breadcrumb{margin-bottom:24px;font-size:10px}.asset-page-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:22px}.asset-page-heading h1{letter-spacing:-1px}.asset-detail-metrics{width:100%;box-sizing:border-box;justify-content:flex-start;gap:28px}.asset-detail-metrics .asset-metric small{display:inline}.asset-detail-layout{grid-template-columns:1fr}.asset-detail-discussion{position:static;order:0}.asset-inline-preview.public-preview{min-height:460px;grid-template-rows:auto 270px auto}.asset-inline-preview .public-preview-stage{min-height:270px}.asset-inline-preview .public-preview-header{padding:14px 16px}.asset-inline-preview .public-preview-footer{padding:12px 14px}.asset-inline-preview .public-preview-tools label{width:auto}.asset-description{padding-bottom:4px}.asset-related-title{align-items:flex-start;flex-direction:column;gap:8px}.asset-related-grid{grid-template-columns:1fr 1fr;gap:12px}.asset-related-grid>a:last-child{display:none}.asset-related-grid img{height:135px}.asset-related-grid strong{padding:14px 12px 10px;font-size:12px}.asset-related-grid .asset-card-metrics{padding:0 12px 14px;gap:8px}.asset-related-grid .asset-metric small{display:none}.asset-card-metrics{padding-left:16px}.asset-description .detail-actions .button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.product-card,.asset-related-grid>a{transition:none}}
