/* Terry.ism v25 — lighter, denser UI with verified stats and exact output preview */

body.has-media{background:#f2f3f3!important}

/* Verified count always owns a compact place in the top navigation. */
.app-header .header-stats-pill,
.app-header .header-stats-pill.is-unavailable{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  height:32px!important;
  gap:5px!important;
  padding:0 9px!important;
  border:1px solid #cfe0d6!important;
  border-radius:999px!important;
  background:#eef6f1!important;
  color:#355447!important;
  box-shadow:none!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
.app-header .header-stats-pill .pill-text{display:inline-flex!important;align-items:center!important;gap:2px!important;color:#355447!important}
.app-header .header-stats-pill .pill-text>span{display:inline!important}
.app-header .header-stats-pill strong{font-size:12px!important;color:#176b49!important}
.app-header .header-stats-pill .live-pulse-dot{display:inline-block!important;width:6px!important;height:6px!important;background:#25a268!important}
.app-header .header-stats-pill.is-unavailable{
  border-color:#e0e3e6!important;
  background:#f5f6f6!important;
  color:#737b84!important;
}
.app-header .header-stats-pill.is-unavailable .pill-text,
.app-header .header-stats-pill.is-unavailable strong{color:#737b84!important}
.app-header .header-stats-pill.is-unavailable .live-pulse-dot{background:#aeb4ba!important;animation:none!important;box-shadow:none!important}

/* The canvas is the saved output; everything around it is a neutral work surface. */
@media(max-width:900px){
  body.has-media .app-main,
  body.has-media.is-media-portrait .app-main,
  body.has-media.is-media-landscape .app-main{margin:7px auto 12px!important;padding-bottom:0!important}
  body.has-media .editor-card{border-radius:15px!important;box-shadow:0 10px 28px rgba(20,25,31,.07)!important}
  .mobile-frame-studio{
    gap:7px!important;
    margin:7px!important;
    padding:7px!important;
    border-color:#e2e4e6!important;
    border-radius:13px!important;
    background:#fafafa!important;
  }
  .mobile-preview-pane{
    display:flex;
    min-width:0;
    min-height:0;
    flex-direction:column;
    overflow:hidden;
    border:1px solid #dfe2e4;
    border-radius:10px;
    background:#fff;
  }
  .mobile-preview-head{
    display:flex;
    flex:0 0 31px;
    align-items:center;
    justify-content:space-between;
    padding:0 9px;
    border-bottom:1px solid #e7e9ea;
    background:#fff;
  }
  .mobile-preview-head b{font-size:12px;color:#242a31;letter-spacing:-.02em}
  .mobile-preview-head span{font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#27865e}
  .editor-live-preview{
    flex:1 1 auto!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(145deg,#eceeed,#f8f8f7)!important;
    box-shadow:inset 0 0 0 1px rgba(30,36,42,.025)!important;
  }
  .editor-live-preview canvas{
    border-radius:1px!important;
    box-shadow:0 5px 16px rgba(28,33,39,.16)!important;
  }
  .editor-live-preview>span{display:none!important}
  body.is-media-portrait .mobile-frame-studio{height:clamp(330px,calc(100dvh - 380px),540px)!important}
  body.is-media-landscape .mobile-frame-studio{grid-template-rows:clamp(210px,56vw,340px) auto!important}
  body.is-media-landscape .mobile-frame-browser{min-height:116px!important}
}

/* A brighter, tighter visual archive. */
body:not(.has-media) .instagram-hub{
  padding:19px!important;
  border-color:rgba(255,255,255,.62)!important;
  background:rgba(250,250,249,.9)!important;
  color:#20252b!important;
  box-shadow:0 18px 50px rgba(10,14,20,.16)!important;
}
body:not(.has-media) .instagram-hub .social-kicker{color:#b9612f!important}
body:not(.has-media) .instagram-hub .reels-heading h2{color:#1e2329!important}
body:not(.has-media) .instagram-hub .reels-subcopy,
body:not(.has-media) .instagram-hub .reels-status,
body:not(.has-media) .instagram-hub .instagram-feed-note{color:#69727c!important}
body:not(.has-media) .archive-instagram-link{
  min-height:34px!important;
  border-color:#d7dbdf!important;
  background:#fff!important;
  color:#252b32!important;
}
body:not(.has-media) .instagram-hub .reel-card{border-color:#dfe2e5!important;background:#fff!important;box-shadow:0 7px 20px rgba(22,27,33,.06)!important}
body:not(.has-media) .reel-card-footer{min-height:52px!important;padding:8px 9px!important}
body:not(.has-media) .instagram-feed-note{margin-top:8px!important;font-size:11px!important}
body:not(.has-media) .exhibition-note{
  margin-top:12px!important;
  padding:15px 16px!important;
  border-color:#e7c7aa!important;
  background:linear-gradient(125deg,#fff4e9,#fffaf5)!important;
  color:#29231f!important;
}
body:not(.has-media) .exhibition-kicker{border-color:#e4c8af!important;color:#a75627!important}
body:not(.has-media) .exhibition-note h3{color:#29231f!important;font-size:18px!important}
body:not(.has-media) .exhibition-note p{color:#6f6259!important;font-size:13px!important}
body:not(.has-media) .instagram-reels-grid{scrollbar-width:none}
body:not(.has-media) .instagram-reels-grid::-webkit-scrollbar{display:none}

@media(max-width:720px){
  .app-header .header-inner{grid-template-columns:64px minmax(0,1fr)!important}
  .app-header .header-actions{gap:4px!important}
  .app-header .header-stats-pill,
  .app-header .header-stats-pill.is-unavailable{height:30px!important;padding:0 7px!important;font-size:10px!important}
  .app-header .header-stats-pill strong{font-size:11px!important}
  body:not(.has-media) .instagram-hub{padding:14px!important}
  body:not(.has-media) .reels-heading-v110 h2{font-size:21px!important}
  body:not(.has-media) .reels-subcopy{font-size:12px!important}
  body:not(.has-media) .reel-card{flex-basis:min(52vw,190px)!important}
  body:not(.has-media) .exhibition-note{padding:14px!important}
}

@media(max-width:430px){
  .app-header .header-social-actions{display:none!important}
}