#yx-pineapple-ad{display:none;position:relative;z-index:50;margin:0 0 22px;font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.6;color:#ede8de;color-scheme:dark}
body[data-auth-state="authenticated"][data-view="studio"] #yx-pineapple-ad{display:block}
#yx-pineapple-ad *{box-sizing:border-box}
#yx-pineapple-ad [hidden]{display:none!important}
#yx-pineapple-ad .yx-ad{position:relative;isolation:isolate;border-radius:16px;padding:23px 24px;background:linear-gradient(110deg,#38332b,#292824 62%,#272626);border:1px solid #cfb6854d;box-shadow:inset 0 1px #fff1,0 12px 28px #0002;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:18px}
#yx-pineapple-ad .yx-ad:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 95% 50%,#b29a5a24,transparent 58%);pointer-events:none}
#yx-pineapple-ad .yx-logo{width:56px;height:56px;background:linear-gradient(135deg,#f4d48a,#c59847);border:1px solid #ffe7b67a;box-shadow:0 5px 18px #0003,inset 0 1px #fff8;border-radius:15px;display:grid;place-items:center;font-size:31px}
#yx-pineapple-ad .yx-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:18px;font-weight:500;letter-spacing:.4px;margin:0 0 4px}
#yx-pineapple-ad .yx-label{border:1px solid #cfb68535;border-radius:5px;color:#bfb297;font-size:11px;font-weight:400;letter-spacing:1px;padding:0 6px}
#yx-pineapple-ad .yx-pitch{color:#ece5d6;margin:0;font-size:14px}
#yx-pineapple-ad .yx-features{display:flex;gap:14px;flex-wrap:wrap;margin-top:11px;color:#c8b99a;font-size:12px}
#yx-pineapple-ad .yx-cta{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:146px}
#yx-pineapple-ad .yx-trial{font-size:12px;color:#e5c88b;letter-spacing:.4px}
#yx-pineapple-ad .yx-trial em{font-style:normal;font-weight:500;font-size:17px;margin:0 3px}
#yx-pineapple-ad .yx-button{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:14px;min-height:43px;padding:9px 20px;border-radius:9px;color:#282116;background:linear-gradient(110deg,#f0d8a4,#d4b272);box-shadow:inset 0 1px #fff8,0 5px 16px #09080735;font-size:14px;font-weight:500;transition:filter .15s,transform .15s}
#yx-pineapple-ad .yx-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
#yx-pineapple-ad .yx-contact{border:0;background:transparent;color:#bfb5a3;font-family:inherit;font-size:12px;padding:2px 8px;min-height:28px;cursor:pointer}
#yx-pineapple-ad a:focus-visible,#yx-pineapple-ad button:focus-visible{outline:2px solid #f0d8a4;outline-offset:4px}
#yx-pineapple-ad .yx-qr-popover{position:absolute;top:calc(100% + 12px);right:0;z-index:60;width:218px;padding:16px;background:#282622;border:1px solid #d5b87977;border-radius:14px;box-shadow:0 14px 44px #0009;text-align:center}
#yx-pineapple-ad .yx-qr-popover strong{display:block;font-size:14px;font-weight:500;color:#eee0c3;margin-bottom:12px}
#yx-pineapple-ad .yx-qr-white{padding:12px;background:#fff;border-radius:9px}
#yx-pineapple-ad .yx-qr-window{width:160px;height:160px;overflow:hidden;position:relative}
#yx-pineapple-ad .yx-qr-window img{position:absolute;width:244px;height:auto;max-width:none;left:-41px;top:-113px}
#yx-pineapple-ad .yx-qr-popover p{font-size:12px;color:#d1c3a9;margin:11px 0 0}
@media(max-width:600px){
 #yx-pineapple-ad .yx-ad{grid-template-columns:44px minmax(0,1fr);padding:20px 16px;gap:12px}
 #yx-pineapple-ad .yx-logo{width:44px;height:44px;font-size:25px;border-radius:12px}
 #yx-pineapple-ad .yx-title{font-size:17px}
 #yx-pineapple-ad .yx-cta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;min-width:0}
 #yx-pineapple-ad .yx-contact{grid-column:1/-1;min-height:35px}
 #yx-pineapple-ad .yx-trial{text-align:left}
 #yx-pineapple-ad .yx-button{padding:10px 12px;min-height:44px;gap:8px}
 #yx-pineapple-ad .yx-features{gap:9px}
 #yx-pineapple-ad .yx-qr-popover{right:50%;transform:translateX(50%)}
}