.yan-anchor{--creative-height:50px;box-sizing:border-box;display:block;height:calc(var(--creative-height) + 24px);min-height:calc(var(--creative-height) + 24px);margin:12px 10px;position:relative;flex-shrink:0;clear:both}.yan-anchor-top{margin-top:0;margin-bottom:12px}.yan-anchor-bottom{margin-top:20px;margin-bottom:16px}.yan-inline-list{grid-column:1/-1;margin:20px 0;list-style:none}.yan-artboard-bottom{position:absolute;left:10px;right:10px;top:0;margin:0}.compact-workshop>.yan-workshop-anchor{margin:4px 0;height:74px;min-height:74px}.compact-workshop>.yan-anchor-bottom{margin-bottom:12px}.compact-workshop.with-banners{min-height:650px}.yan-panel{position:fixed;z-index:10;box-sizing:border-box;padding:0 0 12px;pointer-events:auto;font:11px/1.3 system-ui,sans-serif;color:#68715e}.yan-panel[hidden]{display:none!important}.yan-ad-label{display:block;font-size:8px;letter-spacing:.4px;text-transform:uppercase;height:12px;line-height:12px;padding-left:5px;color:#92967f}.yan-creative{width:100%;height:var(--creative-height);min-height:var(--creative-height);max-height:var(--creative-height);background:#f8f5e9;border-radius:7px;isolation:isolate}.yan-preview{height:100%;box-sizing:border-box;display:flex;align-items:center;gap:9px;padding:6px 12px;background:linear-gradient(115deg,#f5edd6,#edf0df);border:1px solid #e4dec8;border-radius:7px}.yan-preview .yan-mark{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#d75b49;color:#fff5e4;font-size:21px;font-weight:700}.yan-preview>div{flex:1;display:flex;flex-direction:column;gap:2px}.yan-preview strong{font-size:12px;color:#58634e}.yan-preview div>span{font-size:9px;color:#90947e}.yan-preview small{font-size:8px;color:#979a87;border:1px solid #d7dcc9;border-radius:7px;padding:3px 5px;font-weight:400}.yan-panel[data-mode=live] .yan-creative{border-radius:0;background:transparent}.yan-unavailable{display:grid;place-items:center;height:100%;font-size:10px;color:#989c8e}.story-shell:not(.compact-workshop):has(>.yan-anchor-bottom){padding-bottom:100px}.purse-page>.yan-anchor-bottom,.estate-page>.yan-anchor-bottom{margin-bottom:16px}@media(max-width:350px){.yan-preview{padding:6px 8px;gap:7px}.yan-preview small{font-size:7px}.yan-preview .yan-mark{width:26px;height:26px;font-size:19px}.yan-preview strong{font-size:11px}}