
/* Feedback: larger, clearer and usable without a desktop mail client */
.studi-publish-footer nav{flex-wrap:wrap;justify-content:flex-end}
.studi-publish-footer .studi-feedback-link{
  display:inline-flex;align-items:center;min-height:34px;padding:8px 11px;border-radius:11px;
  background:#f1edf5;border:1px solid rgba(102,90,120,.12);color:#5e526e!important;
  font-size:9px!important;line-height:1.25;box-shadow:0 7px 18px rgba(74,62,89,.045);
  transition:transform .18s ease,background .18s ease,border-color .18s ease
}
.studi-publish-footer .studi-feedback-link:before{content:'✉';margin-right:6px;font-size:11px}
.studi-publish-footer .studi-feedback-link:hover{transform:translateY(-1px);background:#eae3f0;border-color:rgba(102,90,120,.20)}
.studi-beta-login-note{grid-template-columns:8px minmax(0,1fr)!important}
.studi-beta-login-note a{grid-column:2;justify-self:start;display:inline-flex;margin-top:3px;padding:7px 9px;border-radius:9px;background:rgba(103,88,125,.08);font-size:8.5px!important}

/* Login + home promotional positioning */
.studi-gate-promo{display:flex;align-items:center;gap:10px;margin:18px 0 5px;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.46);border:1px solid rgba(92,111,78,.11);backdrop-filter:blur(8px)}
.studi-gate-promo>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:none;background:#dfeccf;color:#4d7048;font-weight:900}
.studi-gate-promo b{display:block;font:800 10px/1.3 Manrope,sans-serif;color:#344334}
.studi-gate-promo small{display:block;margin-top:3px;color:#6f7d6c;font:600 8.5px/1.45 DM Sans,sans-serif}
.studi-home-promo{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.44);border:1px solid rgba(72,102,74,.10);color:#476149;font-size:9px;backdrop-filter:blur(8px)}
.studi-home-promo span{color:#7aa16f}.studi-home-promo b{font-weight:800}

/* Refurbished YouTube feature card */
#p-index .studi-youtube-feature{grid-template-columns:72px minmax(0,1fr) auto!important;background:linear-gradient(135deg,rgba(255,254,250,.96),rgba(247,243,248,.94));border-color:rgba(76,68,90,.08)}
#p-index .studi-youtube-feature .thumb{display:none!important}
.studi-youtube-feature-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#f5edef,#eee8f3);border:1px solid rgba(122,99,132,.09);box-shadow:0 10px 24px rgba(78,64,88,.06)}
.studi-youtube-feature-icon span{width:29px;height:20px;border-radius:7px;background:#f04759;position:relative;box-shadow:0 7px 16px rgba(240,71,89,.16)}
.studi-youtube-feature-icon span:after{content:'';position:absolute;left:12px;top:6px;border-left:7px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}

/* Functional YouTube player that follows navigation, without the old dark banner look */
.youtube-dock{background:rgba(255,253,250,.97)!important;color:#35313e!important;border:1px solid rgba(76,68,90,.10)!important;box-shadow:0 22px 60px rgba(40,35,49,.16)!important}
.youtube-dock:hover{box-shadow:0 27px 68px rgba(40,35,49,.19)!important}
.yt-mini-brand{color:#81798b!important}.yt-mini-title{color:#332f3d!important}.yt-mini-channel{color:#8c8492!important}
.yt-mini-action{background:#f0ebf2!important;color:#5f566a!important;border-color:rgba(72,65,84,.08)!important}
.yt-mini-action.primary{background:#ded3eb!important;color:#40384a!important}
.yt-mini-external{color:#665d72!important;border-color:rgba(70,62,84,.10)!important;background:#f7f3f8!important}
.yt-mini-external:hover{background:#eee8f2!important;color:#3f3948!important}
.yt-mini-window-controls button{background:#f1edf3!important;color:#6d6577!important}
.yt-mini-window-controls button:hover{background:#e8e1ed!important;color:#403a48!important}
.yt-mini-preview{background:#17151b!important}

/* Mobile app coming-soon panel */
.studi-app-coming{margin-top:18px;padding:25px 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#edf4e8 0%,#fffefa 58%,#f1ebf4 100%)}
.studi-app-coming:after{content:'';position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;top:-95px;border:25px solid rgba(145,184,147,.09);pointer-events:none}
.studi-app-coming-copy{position:relative;z-index:1}.studi-app-coming h2{margin:0 0 7px;font-size:22px}.studi-app-coming p{margin:0;max-width:620px;font-size:10px;line-height:1.65}
.studi-store-badges{display:flex;gap:9px;position:relative;z-index:1}
.studi-store-badge{min-width:142px;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:14px;background:rgba(38,42,40,.94);color:#fff;box-shadow:0 10px 28px rgba(42,47,43,.11)}
.studi-store-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.10);font-size:11px}.studi-store-badge small{display:block;font-size:6.5px;letter-spacing:1px;color:#c8cec9}.studi-store-badge b{display:block;margin-top:1px;font:800 11px Manrope,sans-serif}
@media(max-width:760px){.studi-app-coming{grid-template-columns:1fr;padding:21px}.studi-store-badges{flex-wrap:wrap}.studi-store-badge{flex:1;min-width:130px}#p-index .studi-youtube-feature{grid-template-columns:58px 1fr!important}#p-index .studi-youtube-feature .btn{grid-column:1/-1;justify-self:start}.studi-publish-footer nav{justify-content:flex-start}}
