.twitterlogger-wrap,
.twitterlogger-wrap * { box-sizing: border-box; }
.twitterlogger-wrap {
  --twitterlogger-bg: #f7f6f2;
  --twitterlogger-card: #ffffff;
  --twitterlogger-soft: #f3f2ed;
  --twitterlogger-border: #dbd8cf;
  --twitterlogger-text: #111111;
  --twitterlogger-muted: #5f6368;
  --twitterlogger-primary: #189cf0;
  --twitterlogger-shadow: 0 18px 38px rgba(20, 23, 32, .08);
  width: min(100%, 1080px);
  margin: 24px auto;
  padding: 0 14px;
  color: var(--twitterlogger-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.twitterlogger-search-card,
.twitterlogger-profile-card,
.twitterlogger-tweet-card,
.twitterlogger-filter-panel,
.twitterlogger-gallery-card,
.twitterlogger-empty-state {
  background: var(--twitterlogger-card);
  border: 1px solid var(--twitterlogger-border);
  border-radius: 22px;
}
.twitterlogger-search-card {
  max-width: 520px;
  margin: 0 auto 20px;
  padding: 20px 26px 18px;
  background: #f7f6f2;
  border: 0;
  box-shadow: none;
}
.twitterlogger-tool-header { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.twitterlogger-tool-logo {
  width:54px; height:54px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center;
  color:#111; font-size:22px; font-weight:800; box-shadow:0 1px 0 rgba(0,0,0,.06);
}
.twitterlogger-tool-title { font-size:22px; font-weight:800; line-height:1.05; letter-spacing:-.02em; }
.twitterlogger-tool-subtitle { margin-top:3px; color:#4d4d4d; font-size:16px; line-height:1.25; }
.twitterlogger-input-label { display:block; margin: 4px 0 11px; color:#242424; font-size:13px; font-weight:700; letter-spacing:.18em; }
.twitterlogger-input-shell {
  height:66px; border:1px solid #dedcd5; border-radius:14px; background:#fff; display:flex; align-items:center; gap:10px; padding:0 18px;
  transition:border-color .16s ease, box-shadow .16s ease;
}
.twitterlogger-input-shell:focus-within { border-color:#b9dfff; box-shadow:0 0 0 4px rgba(29,155,240,.10); }
.twitterlogger-input-shell > span { color:#808080; font-size:25px; font-weight:500; }
.twitterlogger-input {
  width:100%; min-width:0; height:100%; border:0 !important; outline:0 !important; background:transparent !important; box-shadow:none !important;
  color:#222; font: inherit; font-size:22px; font-weight:400;
}
.twitterlogger-input::placeholder { color:#797979; opacity:1; }
.twitterlogger-button,
.twitterlogger-ghost-btn,
.twitterlogger-tab,
.twitterlogger-more-btn,
.twitterlogger-play-badge,
.twitterlogger-play-trigger { cursor:pointer; font-family:inherit; }
.twitterlogger-view-btn {
  width:100%; margin-top:20px; min-height:88px; padding:14px 22px; border:1px solid #d4d2ca; border-radius:13px; background:#fff;
  display:grid; grid-template-columns:56px 1fr 42px; align-items:center; gap:12px; color:#111; text-align:left;
}
.twitterlogger-view-btn:hover { box-shadow:0 12px 24px rgba(0,0,0,.06); }
.twitterlogger-search-icon { width:52px; height:52px; border:1px solid #ecebe6; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:32px; font-weight:300; line-height:1; }
.twitterlogger-view-btn strong { display:block; font-size:22px; font-weight:800; line-height:1.1; }
.twitterlogger-view-btn small { display:block; margin-top:4px; color:#454545; font-size:17px; font-weight:400; line-height:1.2; }
.twitterlogger-arrow { width:54px; height:54px; border:1px solid #ecebe6; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:25px; }
.twitterlogger-spinner {
  width:22px; height:22px; border-radius:50%; border:3px solid #d6def7; border-top-color:var(--twitterlogger-primary); display:none; justify-self:center;
}
.twitterlogger-spinner.is-loading { display:inline-block; animation:twitterlogger-spin .8s linear infinite; }
.twitterlogger-view-btn.is-loading .twitterlogger-arrow { display:none; }
@keyframes twitterlogger-spin { to { transform:rotate(360deg); } }
.twitterlogger-trust-row { display:flex; gap:14px; flex-wrap:wrap; margin-top:18px; }
.twitterlogger-trust-row span { display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid #ecebe6; border-radius:999px; padding:8px 16px; color:#363636; font-size:16px; }
.twitterlogger-trust-row i { width:9px; height:9px; border-radius:50%; background:#29b47a; display:inline-block; }
.twitterlogger-trust-row span:nth-child(2) i { background:#f5a623; }
.twitterlogger-error { max-width:1080px; margin:12px auto; background:#fff4f4; color:#b42318; border:1px solid #f0b8b8; padding:12px 14px; border-radius:14px; font-weight:600; }
.twitterlogger-results { margin-top:18px; }

/* Profile */
.twitterlogger-profile-card { overflow:hidden; width:100%; margin:0 auto 16px; background:#f7f6f2; }
.twitterlogger-profile-banner { height:156px; background:linear-gradient(135deg,#14172b,#18395c); background-size:cover; background-position:center; position:relative; }
.twitterlogger-inline-download,
.twitterlogger-media-download {
  position:absolute; top:14px; right:14px; z-index:5; background:#faf9f5; color:#7a3f00; text-decoration:none; border:0; padding:9px 15px; border-radius:10px; font-size:14px; font-weight:800; box-shadow:0 8px 20px rgba(0,0,0,.10);
}
.twitterlogger-profile-body { position:relative; padding:0 16px 18px; }
.twitterlogger-profile-avatar-box {
  width:96px; height:96px; border-radius:18px; overflow:hidden; border:4px solid #fff; background:#1d9bf0; color:#fff; position:relative; margin-top:-28px;
  box-shadow:0 8px 18px rgba(20,30,45,.16); display:flex; align-items:center; justify-content:center; font-size:38px; font-weight:800;
}
.twitterlogger-profile-avatar-box img,
.twitterlogger-media-tile img,
.twitterlogger-gallery-card img,
.twitterlogger-video-card img,
.twitterlogger-media-single img { width:100%; height:100%; object-fit:cover; display:block; }
.twitterlogger-mini-dl { position:absolute; top:4px; right:4px; width:20px; height:20px; border-radius:50%; background:#29a8ff; color:#fff; text-decoration:none; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; }
.twitterlogger-avatar-check { position:absolute; right:-2px; bottom:-2px; width:22px; height:22px; border-radius:50%; background:#199cf0; border:2px solid #fff; color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; }
.twitterlogger-profile-main { margin-top:8px; min-width:0; }
.twitterlogger-profile-main h2 { margin:0; display:flex; align-items:center; gap:5px; flex-wrap:wrap; font-size:18px; line-height:1.15; font-weight:900; letter-spacing:-.02em; }
.twitterlogger-profile-main h2 small { width:100%; display:block; color:#202124; font-size:14px; font-weight:500; }
.twitterlogger-verified { display:inline-flex; width:15px; height:15px; align-items:center; justify-content:center; border-radius:50%; background:#111; color:#fff; font-size:10px; font-weight:900; vertical-align:middle; }
.twitterlogger-bio { margin-top:10px; padding:11px 12px; background:#eeece5; border-radius:7px; color:#111; font-size:13px; line-height:1.45; }
.twitterlogger-more-btn { border:0; background:transparent; color:#1687d9; font-weight:800; padding:0; }
.twitterlogger-profile-extra { display:flex; flex-wrap:wrap; gap:14px; margin-top:10px; color:#1687d9; font-size:12px; font-weight:500; }
.twitterlogger-profile-stats-line { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:18px; }
.twitterlogger-stat-chip { min-width:0; border:1px solid #d7d5ce; border-radius:8px; padding:11px 8px; background:#efeee8; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.twitterlogger-stat-chip strong { display:block; color:#111; font-size:15px; line-height:1.05; font-weight:900; }
.twitterlogger-stat-chip em { display:block; margin-top:4px; color:#202124; font-size:8px; line-height:1; letter-spacing:.08em; font-style:normal; font-weight:800; }
.twitterlogger-performance-card { margin-top:14px; padding:13px; background:#efeee8; border:1px solid #d7d5ce; border-radius:12px; }
.twitterlogger-performance-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 10px; }
.twitterlogger-performance-head strong { font-size:10px; letter-spacing:.11em; color:#404040; }
.twitterlogger-performance-head span { border-radius:999px; background:#e8f3ff; color:#1687d9; font-size:9px; font-weight:800; padding:4px 8px; }
.twitterlogger-report-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.twitterlogger-report-box { background:#fff; border:1px solid #dedbd3; border-radius:10px; min-height:58px; display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:7px; padding:9px; }
.twitterlogger-report-box span { width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:#ecf6ff; color:#1687d9; font-size:13px; }
.twitterlogger-report-box:nth-child(2) span { background:#e8fff5; color:#22aa75; }
.twitterlogger-report-box:nth-child(3) span { background:#fff0f5; color:#f0568a; }
.twitterlogger-report-box em { color:#515151; font-size:10px; font-style:normal; font-weight:700; }
.twitterlogger-report-box b { justify-self:end; color:#111; font-size:12px; font-weight:900; }

/* Toolbar */
.twitterlogger-toolbar { display:grid; grid-template-columns:1fr; gap:10px; margin:14px 0 16px; }
.twitterlogger-toolbar-left,
.twitterlogger-toolbar-right { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.twitterlogger-toolbar-right { grid-template-columns:repeat(4,minmax(0,1fr)); }
.twitterlogger-tab,
.twitterlogger-ghost-btn,
.twitterlogger-load-more-btn,
.twitterlogger-premium-btn { min-height:32px; background:#fff; border:1px solid #bab8b1; border-radius:5px; color:#111; font-size:13px; font-weight:600; text-align:center; display:flex; align-items:center; justify-content:center; text-decoration:none; padding:7px 9px; line-height:1.1; }
.twitterlogger-tab.is-active { border-color:#8a8a8a; background:#fdfdfb; box-shadow:inset 0 0 0 1px #fff; }
.twitterlogger-filter-panel { padding:14px 16px; display:flex; gap:18px; flex-wrap:wrap; margin-bottom:16px; background:#fff; }
.twitterlogger-filter-panel label { font-size:14px; color:#333; font-weight:600; }

/* Tweets */
.twitterlogger-feed-view { display:grid; grid-template-columns:1fr; gap:18px; width:100%; align-items:stretch; }
.twitterlogger-tweet-card { width:100%; max-width:none; min-width:0; display:block; padding:34px 34px 26px; position:relative; background:#fff; border-radius:22px; box-shadow:0 1px 0 rgba(0,0,0,.02); }
.twitterlogger-tweet-head { display:flex; gap:14px; align-items:flex-start; min-width:0; }
.twitterlogger-tweet-avatar { width:60px; height:60px; border-radius:50%; object-fit:cover; flex:0 0 auto; background:#1d9bf0; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:25px; }
.twitterlogger-tweet-head-meta { min-width:0; flex:1; padding-top:2px; }
.twitterlogger-tweet-author { display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0; color:#111; font-size:24px; line-height:1.08; font-weight:900; letter-spacing:-.02em; }
.twitterlogger-tweet-author small,
.twitterlogger-tweet-author span { color:#42464d; font-size:20px; font-weight:400; }
.twitterlogger-tweet-head-meta time { display:block; margin-top:4px; color:#42464d; font-size:14px; }
.twitterlogger-tweet-text { margin-top:26px; color:#111; font-size:30px; line-height:1.55; font-weight:400; white-space:pre-wrap; overflow-wrap:anywhere; }
.twitterlogger-tweet-footer { display:flex; align-items:center; gap:32px; flex-wrap:wrap; color:#3c4047; margin-top:26px; font-size:24px; }
.twitterlogger-metric { display:inline-flex; align-items:center; gap:10px; color:#3b3f46; }
.twitterlogger-metric i { color:#111; font-style:normal; font-size:30px; line-height:1; font-weight:300; }
.twitterlogger-retweet-card { padding-top:22px; }
.twitterlogger-retweet-tag { color:#3e4148; font-size:25px; margin-bottom:18px; display:flex; align-items:center; gap:10px; }
.twitterlogger-retweet-inner { background:#f7f6f2; border:1px solid #dddad2; border-radius:18px; padding:26px 34px; }
.twitterlogger-retweet-inner .twitterlogger-tweet-avatar { width:52px; height:52px; }
.twitterlogger-retweet-inner .twitterlogger-tweet-author { font-size:22px; }
.twitterlogger-retweet-inner .twitterlogger-tweet-author small,
.twitterlogger-retweet-inner .twitterlogger-tweet-author span { font-size:18px; }
.twitterlogger-retweet-inner .twitterlogger-tweet-text { font-size:27px; margin-top:20px; }
.twitterlogger-retweet-inner .twitterlogger-tweet-footer { font-size:21px; }
.twitterlogger-media-grid { margin-top:24px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; }
.twitterlogger-media-count-1 { grid-template-columns:1fr; }
.twitterlogger-media-count-3 .twitterlogger-media-tile:first-child { grid-row:span 2; }
.twitterlogger-media-tile,
.twitterlogger-video-card,
.twitterlogger-media-single,
.twitterlogger-gallery-card { position:relative; overflow:hidden; border-radius:22px; background:#101827; min-height:320px; width:100%; border:0; }
.twitterlogger-media-single { min-height:450px; margin-top:24px; }
.twitterlogger-video-tile-card { min-height:260px; }
.twitterlogger-play-badge { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:118px; height:118px; border-radius:50%; border:5px solid rgba(255,255,255,.18); background:#1d9bf0; color:#fff; display:flex; align-items:center; justify-content:center; font-size:48px; box-shadow:inset 0 0 0 2px rgba(255,255,255,.10); z-index:3; }
.twitterlogger-play-trigger { position:absolute; top:12px; left:12px; z-index:6; border:0; border-radius:10px; background:#fff; color:#111; padding:8px 13px; font-size:13px; font-weight:800; }
.twitterlogger-video-duration { position:absolute; left:26px; bottom:170px; z-index:4; background:rgba(0,0,0,.75); color:#fff; border-radius:10px; padding:8px 13px; font-size:28px; font-weight:900; line-height:1; }
.twitterlogger-select-media { position:absolute; right:18px; bottom:18px; min-width:156px; height:70px; border:1px solid #d1d1d1; border-radius:16px; background:#fff; display:flex; align-items:center; justify-content:center; gap:14px; color:#111; font-size:22px; font-weight:800; z-index:6; }
.twitterlogger-media-tile .twitterlogger-select-media,
.twitterlogger-gallery-card .twitterlogger-select-media { min-width:92px; height:38px; left:12px; right:auto; bottom:12px; border-radius:8px; font-size:13px; gap:6px; }
.twitterlogger-select-media input { position:absolute; opacity:0; pointer-events:none; }
.twitterlogger-select-media span { width:42px; height:42px; border-radius:50%; border:4px solid #c5c5c5; display:inline-block; }
.twitterlogger-media-tile .twitterlogger-select-media span,
.twitterlogger-gallery-card .twitterlogger-select-media span { width:13px; height:13px; border-radius:3px; border-width:1px; }
.twitterlogger-select-media input:checked + span { background:#1d9bf0; border-color:#1d9bf0; box-shadow:inset 0 0 0 4px #fff; }
.twitterlogger-inline-player { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#000; z-index:7; }
.twitterlogger-gallery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; width:100%; }
.twitterlogger-gallery-card { min-height:220px; aspect-ratio:1 / 1; border-radius:14px; }
.twitterlogger-empty-state { padding:22px; color:#555; font-weight:700; text-align:center; }
.twitterlogger-feed-actions { display:flex; justify-content:center; margin:18px 0; }
.twitterlogger-load-more-btn,
.twitterlogger-premium-btn { min-width:180px; min-height:44px; border-radius:12px; background:#fff; }

@media (min-width: 760px) {
  .twitterlogger-profile-body { padding:0 16px 18px; }
  .twitterlogger-profile-main { margin-top:8px; }
}
@media (max-width: 900px) {
  .twitterlogger-wrap { padding:0 12px; margin:16px auto; }
  .twitterlogger-toolbar-left { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .twitterlogger-toolbar-right { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .twitterlogger-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .twitterlogger-report-grid { grid-template-columns:1fr; }
  .twitterlogger-tweet-card { padding:26px 24px 22px; }
  .twitterlogger-tweet-text { font-size:26px; }
  .twitterlogger-media-single { min-height:360px; }
}
@media (max-width: 620px) {
  .twitterlogger-search-card { padding:16px 14px 14px; max-width:100%; }
  .twitterlogger-tool-logo { width:50px; height:50px; }
  .twitterlogger-tool-title { font-size:20px; }
  .twitterlogger-tool-subtitle { font-size:14px; }
  .twitterlogger-input-shell { height:58px; padding:0 14px; }
  .twitterlogger-input { font-size:19px; }
  .twitterlogger-view-btn { min-height:78px; grid-template-columns:48px 1fr 46px; padding:12px 14px; }
  .twitterlogger-search-icon { width:46px; height:46px; font-size:28px; }
  .twitterlogger-view-btn strong { font-size:20px; }
  .twitterlogger-view-btn small { font-size:14px; }
  .twitterlogger-arrow { width:46px; height:46px; }
  .twitterlogger-trust-row span { font-size:14px; padding:7px 13px; }
  .twitterlogger-profile-banner { height:126px; }
  .twitterlogger-profile-avatar-box { width:82px; height:82px; border-radius:16px; }
  .twitterlogger-profile-stats-line { gap:7px; }
  .twitterlogger-stat-chip { padding:10px 4px; }
  .twitterlogger-stat-chip strong { font-size:13px; }
  .twitterlogger-toolbar-left,
  .twitterlogger-toolbar-right { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
  .twitterlogger-toolbar-right { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .twitterlogger-tab,
  .twitterlogger-ghost-btn { min-height:31px; font-size:12px; padding:6px 4px; }
  .twitterlogger-tweet-card { padding:20px 18px 18px; border-radius:18px; }
  .twitterlogger-tweet-avatar { width:48px; height:48px; font-size:20px; }
  .twitterlogger-tweet-author { font-size:19px; gap:5px; }
  .twitterlogger-tweet-author small,
  .twitterlogger-tweet-author span { font-size:16px; }
  .twitterlogger-tweet-text { margin-top:18px; font-size:23px; line-height:1.55; }
  .twitterlogger-tweet-footer { gap:22px; font-size:20px; margin-top:20px; }
  .twitterlogger-metric i { font-size:25px; }
  .twitterlogger-retweet-tag { font-size:20px; }
  .twitterlogger-retweet-inner { padding:18px 14px; border-radius:15px; }
  .twitterlogger-retweet-inner .twitterlogger-tweet-text { font-size:21px; }
  .twitterlogger-media-grid { grid-template-columns:1fr; }
  .twitterlogger-media-tile,
  .twitterlogger-video-card,
  .twitterlogger-media-single { min-height:250px; border-radius:15px; }
  .twitterlogger-media-single { min-height:315px; }
  .twitterlogger-play-badge { width:82px; height:82px; font-size:34px; }
  .twitterlogger-video-duration { left:16px; bottom:120px; font-size:19px; }
  .twitterlogger-select-media { min-width:124px; height:56px; font-size:18px; border-radius:14px; }
  .twitterlogger-select-media span { width:34px; height:34px; }
}
@media (max-width: 420px) {
  .twitterlogger-toolbar-right { grid-template-columns:1fr 1fr; }
  .twitterlogger-report-box { grid-template-columns:30px 1fr auto; }
  .twitterlogger-tweet-text { font-size:21px; }
  .twitterlogger-tweet-footer { gap:16px; font-size:18px; }
  .twitterlogger-media-single { min-height:270px; }
}

/* v4.1.1 unified uploaded-design refresh: remove legacy compact/dual styling */
.twitterlogger-wrap {
  width: min(100%, 1180px);
  padding: 0 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.twitterlogger-search-card {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 24px;
  padding: 40px 42px;
  background: #fff;
  border: 1px solid #eceae6;
  border-radius: 18px;
  box-shadow: 0 14px 35px rgba(17, 24, 39, .06);
}
.twitterlogger-tool-header {
  padding-bottom: 28px;
  margin: 0 0 28px;
  border-bottom: 1px solid #eceae6;
}
.twitterlogger-tool-logo {
  width: 64px;
  height: 64px;
  font-size: 31px;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}
.twitterlogger-tool-title { font-size: 30px; }
.twitterlogger-tool-subtitle { font-size: 17px; color: #565a60; }
.twitterlogger-input-label { font-size: 13px; margin-bottom: 14px; }
.twitterlogger-search-card .twitterlogger-input-shell,
.twitterlogger-search-card .twitterlogger-view-btn {
  width: 100%;
  margin: 0;
}
.twitterlogger-search-card .twitterlogger-input-shell { height: 66px; }
.twitterlogger-search-card .twitterlogger-view-btn {
  min-height: 66px;
  background: #101928;
  border-color: #101928;
  color: #fff;
  grid-template-columns: 48px minmax(0, 1fr) 34px;
  box-shadow: 0 12px 24px rgba(16,25,40,.18);
}
.twitterlogger-search-card .twitterlogger-view-btn small { color: rgba(255,255,255,.78); font-size: 13px; }
.twitterlogger-search-card .twitterlogger-view-btn strong { color: #fff; font-size: 18px; }
.twitterlogger-search-card .twitterlogger-search-icon,
.twitterlogger-search-card .twitterlogger-arrow {
  border: 0;
  color: #fff;
  background: transparent;
  width: 38px;
  height: 38px;
}
.twitterlogger-search-card .twitterlogger-search-icon { font-size: 27px; }
.twitterlogger-search-card .twitterlogger-arrow { font-size: 32px; }
@media (min-width: 760px) {
  .twitterlogger-search-card {
    display: grid;
    grid-template-columns: minmax(270px, .95fr) minmax(320px, 1fr);
    column-gap: 20px;
    align-items: end;
  }
  .twitterlogger-tool-header,
  .twitterlogger-input-label,
  .twitterlogger-trust-row { grid-column: 1 / -1; }
  .twitterlogger-search-card .twitterlogger-input-shell { grid-column: 1; }
  .twitterlogger-search-card .twitterlogger-view-btn { grid-column: 2; }
  .twitterlogger-trust-row { margin-top: 22px; }
}

.twitterlogger-profile-card {
  border-radius: 20px;
  overflow: hidden;
  background: #f6f5ef;
  border-color: #d7d4cb;
  box-shadow: none;
}
.twitterlogger-profile-banner { height: 260px; }
.twitterlogger-inline-download,
.twitterlogger-mini-dl { display: none !important; }
.twitterlogger-profile-body { padding: 0 26px 26px; }
.twitterlogger-profile-avatar-box {
  width: 100px;
  height: 100px;
  margin-top: -44px;
  border-radius: 20px;
  border-width: 5px;
}
.twitterlogger-profile-main h2 { font-size: 22px; }
.twitterlogger-profile-main h2 small { font-size: 15px; }
.twitterlogger-bio {
  margin-top: 12px;
  padding: 13px 16px;
  border-radius: 8px;
  font-size: 14px;
  background: #eeece5;
}
.twitterlogger-profile-extra { font-size: 13px; }
.twitterlogger-profile-stats-line { gap: 12px; margin-top: 22px; }
.twitterlogger-stat-chip { padding: 17px 10px; border-radius: 9px; }
.twitterlogger-stat-chip strong { font-size: 17px; }
.twitterlogger-performance-card { margin-top: 18px; padding: 18px; border-radius: 14px; }
.twitterlogger-performance-head strong { font-size: 12px; }
.twitterlogger-report-grid { gap: 14px; }
.twitterlogger-report-box { min-height: 70px; padding: 14px; }
.twitterlogger-report-box b { font-size: 14px; }

.twitterlogger-feed-view { grid-template-columns: 1fr !important; gap: 28px; width: 100%; }
.twitterlogger-tweet-card {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0;
  padding: 44px 52px 38px;
  border: 1px solid #d7d7d7;
  border-radius: 28px;
  background: #fff;
}
.twitterlogger-tweet-head { position: relative; align-items: center; gap: 18px; }
.twitterlogger-tweet-avatar { width: 82px; height: 82px; font-size: 34px; }
.twitterlogger-tweet-author { font-size: 34px; gap: 10px; }
.twitterlogger-tweet-author small,
.twitterlogger-tweet-author span { font-size: 26px; color: #45474d; }
.twitterlogger-tweet-head-meta time { display: inline; margin: 0 0 0 4px; font-size: 26px; color: #45474d; }
.twitterlogger-tweet-type-pill {
  position: absolute;
  top: 4px;
  right: 0;
  border-radius: 999px;
  padding: 10px 28px;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
}
.twitterlogger-video-pill { background: #f5ead4; color: #5d3515; }
.twitterlogger-new-pill { background: #e3eefc; color: #245f9f; }
.twitterlogger-image-pill { background: #e7f5ea; color: #256b35; }
.twitterlogger-tweet-text {
  margin-top: 30px;
  font-size: 38px;
  line-height: 1.5;
  letter-spacing: -.02em;
}
.twitterlogger-media-single,
.twitterlogger-media-tile,
.twitterlogger-video-card {
  border-radius: 24px;
  background: #101827;
}
.twitterlogger-media-single { min-height: 600px; margin-top: 34px; }
.twitterlogger-media-tile { min-height: 430px; }
.twitterlogger-media-download {
  top: 28px;
  right: 28px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #fbfaf6;
  color: #181818;
  border-radius: 20px;
  padding: 22px 32px;
  font-size: 30px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: none;
}
.twitterlogger-media-download span { color: #d05b3e; font-size: 34px; }
.twitterlogger-play-badge {
  width: 140px;
  height: 140px;
  font-size: 58px;
  background: #1d9bf0;
  border-width: 6px;
}
.twitterlogger-video-duration {
  left: 34px;
  bottom: 42px;
  font-size: 28px;
  padding: 10px 18px;
  border-radius: 12px;
}
.twitterlogger-tweet-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-top: 34px;
  flex-wrap: nowrap;
}
.twitterlogger-tweet-metrics {
  display: flex;
  align-items: center;
  gap: 54px;
  flex-wrap: wrap;
}
.twitterlogger-metric { font-size: 30px; gap: 12px; }
.twitterlogger-metric i { font-size: 38px; color: #111; }
.twitterlogger-save-btn,
.twitterlogger-select-tweet-media {
  min-width: 205px;
  height: 82px;
  border: 1px solid #d2d2d2;
  border-radius: 20px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #111;
  font: inherit;
  font-size: 34px;
  font-weight: 800;
  text-decoration: none;
}
.twitterlogger-save-btn span { font-size: 36px; font-weight: 400; }
.twitterlogger-select-tweet-media input { position: absolute; opacity: 0; pointer-events: none; }
.twitterlogger-select-tweet-media span {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 5px solid #c5c5c5;
  display: inline-block;
}
.twitterlogger-select-tweet-media input:checked + span { background: #1d9bf0; border-color: #1d9bf0; box-shadow: inset 0 0 0 6px #fff; }
.twitterlogger-retweet-card { padding-top: 28px; }
.twitterlogger-retweet-tag { font-size: 30px; margin-bottom: 24px; }
.twitterlogger-retweet-inner {
  border-radius: 20px;
  padding: 30px 38px;
  background: #f7f6f2;
}
.twitterlogger-retweet-inner .twitterlogger-tweet-avatar { width: 64px; height: 64px; font-size: 26px; }
.twitterlogger-retweet-inner .twitterlogger-tweet-author { font-size: 30px; }
.twitterlogger-retweet-inner .twitterlogger-tweet-author small,
.twitterlogger-retweet-inner .twitterlogger-tweet-author span,
.twitterlogger-retweet-inner .twitterlogger-tweet-head-meta time { font-size: 24px; }
.twitterlogger-retweet-inner .twitterlogger-tweet-text { font-size: 34px; }
.twitterlogger-retweet-inner .twitterlogger-tweet-footer { margin-top: 26px; }
.twitterlogger-retweet-inner .twitterlogger-save-btn,
.twitterlogger-retweet-inner .twitterlogger-select-tweet-media { display: none; }

@media (max-width: 900px) {
  .twitterlogger-wrap { padding: 0 12px; }
  .twitterlogger-search-card { padding: 18px; background: #f7f6f2; box-shadow: none; border: 0; border-radius: 16px; }
  .twitterlogger-tool-header { border: 0; padding-bottom: 0; margin-bottom: 18px; }
  .twitterlogger-tool-logo { width: 50px; height: 50px; font-size: 22px; }
  .twitterlogger-tool-title { font-size: 22px; }
  .twitterlogger-tool-subtitle { font-size: 14px; }
  .twitterlogger-search-card .twitterlogger-input-shell { height: 58px; }
  .twitterlogger-search-card .twitterlogger-view-btn {
    margin-top: 14px;
    min-height: 72px;
    background: #fff;
    color: #111;
    border-color: #d4d2ca;
    box-shadow: none;
  }
  .twitterlogger-search-card .twitterlogger-view-btn strong { color: #111; font-size: 18px; }
  .twitterlogger-search-card .twitterlogger-view-btn small { color: #454545; font-size: 13px; }
  .twitterlogger-search-card .twitterlogger-search-icon,
  .twitterlogger-search-card .twitterlogger-arrow { color: #111; border: 1px solid #ecebe6; background: #fff; }
  .twitterlogger-profile-banner { height: 135px; }
  .twitterlogger-profile-body { padding: 0 14px 18px; }
  .twitterlogger-profile-avatar-box { width: 78px; height: 78px; margin-top: -28px; border-radius: 16px; }
  .twitterlogger-profile-main h2 { font-size: 16px; }
  .twitterlogger-profile-main h2 small { font-size: 13px; }
  .twitterlogger-bio { font-size: 12px; padding: 10px 12px; }
  .twitterlogger-profile-stats-line { gap: 7px; }
  .twitterlogger-stat-chip { padding: 10px 4px; }
  .twitterlogger-report-grid { grid-template-columns: 1fr; }
  .twitterlogger-toolbar-right { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .twitterlogger-tweet-card { padding: 26px 24px 22px; border-radius: 20px; }
  .twitterlogger-tweet-avatar { width: 56px; height: 56px; font-size: 23px; }
  .twitterlogger-tweet-author { font-size: 22px; }
  .twitterlogger-tweet-author small,
  .twitterlogger-tweet-author span,
  .twitterlogger-tweet-head-meta time { font-size: 18px; }
  .twitterlogger-tweet-type-pill { font-size: 15px; padding: 8px 16px; }
  .twitterlogger-tweet-text { font-size: 27px; margin-top: 22px; }
  .twitterlogger-media-single { min-height: 360px; }
  .twitterlogger-media-tile { min-height: 270px; }
  .twitterlogger-media-download { top: 16px; right: 16px; padding: 13px 18px; border-radius: 12px; font-size: 20px; }
  .twitterlogger-media-download span { font-size: 22px; }
  .twitterlogger-play-badge { width: 88px; height: 88px; font-size: 36px; }
  .twitterlogger-video-duration { left: 16px; bottom: 22px; font-size: 18px; }
  .twitterlogger-tweet-footer { margin-top: 22px; }
  .twitterlogger-tweet-metrics { gap: 22px; }
  .twitterlogger-metric { font-size: 20px; }
  .twitterlogger-metric i { font-size: 26px; }
  .twitterlogger-save-btn,
  .twitterlogger-select-tweet-media { min-width: 128px; height: 56px; border-radius: 14px; font-size: 20px; }
  .twitterlogger-select-tweet-media span { width: 34px; height: 34px; border-width: 4px; }
  .twitterlogger-retweet-tag { font-size: 20px; }
  .twitterlogger-retweet-inner { padding: 18px 14px; }
  .twitterlogger-retweet-inner .twitterlogger-tweet-text { font-size: 22px; }
}
@media (max-width: 520px) {
  .twitterlogger-tweet-card { padding: 22px 18px 18px; }
  .twitterlogger-tweet-text { font-size: 22px; line-height: 1.55; }
  .twitterlogger-tweet-footer { align-items: flex-start; flex-direction: column; }
  .twitterlogger-save-btn,
  .twitterlogger-select-tweet-media { align-self: flex-end; }
  .twitterlogger-media-grid { grid-template-columns: 1fr; }
  .twitterlogger-media-single { min-height: 285px; }
  .twitterlogger-media-tile { min-height: 245px; }
}

/* v5.1.1 professional UI refresh based on supplied desktop/mobile demos */
.twitterlogger-wrap {
  width: min(100%, 1180px) !important;
  margin: 24px auto !important;
  padding: 0 16px !important;
  --twitterlogger-card: #ffffff;
  --twitterlogger-border: #d8d5cc;
  --twitterlogger-soft: #f7f6f2;
  --twitterlogger-text: #111111;
  --twitterlogger-muted: #444950;
  --twitterlogger-primary: #1d9bf0;
}

.twitterlogger-search-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 24px !important;
  padding: 26px !important;
  background: #f7f6f2 !important;
  border: 1px solid #dcd8cf !important;
  border-radius: 22px !important;
  box-shadow: none !important;
}
.twitterlogger-tool-header {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 20px !important;
}
.twitterlogger-tool-logo {
  width: 58px !important;
  height: 58px !important;
  border-radius: 17px !important;
  background: #111827 !important;
  color: #fff !important;
  font-size: 28px !important;
  box-shadow: 0 10px 22px rgba(17, 24, 39, .14) !important;
}
.twitterlogger-tool-title { font-size: 28px !important; font-weight: 900 !important; letter-spacing: -.03em !important; }
.twitterlogger-tool-subtitle { font-size: 16px !important; color: #535860 !important; }
.twitterlogger-input-label { margin: 0 0 10px !important; font-size: 12px !important; letter-spacing: .16em !important; }
.twitterlogger-search-card .twitterlogger-input-shell {
  height: 58px !important;
  background: #fff !important;
  border: 1px solid #d9d6cf !important;
  border-radius: 8px !important;
  padding: 0 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.twitterlogger-search-card .twitterlogger-input-shell:focus-within {
  border-color: #1d9bf0 !important;
  box-shadow: 0 0 0 4px rgba(29,155,240,.12) !important;
}
.twitterlogger-input { font-size: 20px !important; }
.twitterlogger-search-card .twitterlogger-view-btn {
  min-height: 58px !important;
  border-radius: 8px !important;
  background: #111827 !important;
  border: 1px solid #111827 !important;
  color: #fff !important;
  box-shadow: 0 12px 22px rgba(17,24,39,.15) !important;
  grid-template-columns: 34px minmax(0,1fr) 30px !important;
  gap: 10px !important;
  padding: 10px 16px !important;
}
.twitterlogger-search-card .twitterlogger-view-btn strong { font-size: 17px !important; color: #fff !important; }
.twitterlogger-search-card .twitterlogger-view-btn small { font-size: 12px !important; color: rgba(255,255,255,.76) !important; }
.twitterlogger-search-card .twitterlogger-search-icon,
.twitterlogger-search-card .twitterlogger-arrow {
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
}
.twitterlogger-search-card .twitterlogger-search-icon { font-size: 22px !important; }
.twitterlogger-search-card .twitterlogger-arrow { font-size: 26px !important; }
.twitterlogger-trust-row { margin-top: 16px !important; gap: 10px !important; }
.twitterlogger-trust-row span { font-size: 13px !important; padding: 7px 12px !important; border-color: #ddd9d0 !important; }

@media (min-width: 760px) {
  .twitterlogger-search-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 240px !important;
    column-gap: 14px !important;
    align-items: end !important;
  }
  .twitterlogger-tool-header,
  .twitterlogger-input-label,
  .twitterlogger-trust-row { grid-column: 1 / -1 !important; }
  .twitterlogger-search-card .twitterlogger-input-shell { grid-column: 1 !important; }
  .twitterlogger-search-card .twitterlogger-view-btn { grid-column: 2 !important; }
}
@media (max-width: 759px) {
  .twitterlogger-search-card { display: block !important; padding: 18px !important; border-radius: 18px !important; }
  .twitterlogger-search-card .twitterlogger-view-btn { width: 100% !important; margin-top: 12px !important; }
  .twitterlogger-tool-title { font-size: 23px !important; }
  .twitterlogger-tool-subtitle { font-size: 14px !important; }
}

/* Profile card matches the clean uploaded style */
.twitterlogger-profile-card {
  background: #f7f6f2 !important;
  border: 1px solid #d7d4cb !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
.twitterlogger-profile-banner { height: 245px !important; background-position: center !important; }
.twitterlogger-profile-body { padding: 0 26px 28px !important; }
.twitterlogger-profile-avatar-box {
  width: 98px !important;
  height: 98px !important;
  margin-top: -44px !important;
  border-radius: 20px !important;
  border: 5px solid #fff !important;
}
.twitterlogger-profile-main h2 { font-size: 22px !important; font-weight: 900 !important; }
.twitterlogger-profile-main h2 small { font-size: 15px !important; color: #111827 !important; }
.twitterlogger-bio { background: #eeece5 !important; border-radius: 8px !important; font-size: 13px !important; }
.twitterlogger-profile-stats-line { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
.twitterlogger-stat-chip { background: #efeee8 !important; border-color: #d5d2ca !important; border-radius: 9px !important; min-height: 58px !important; }
.twitterlogger-performance-card { background: #efeee8 !important; border-color: #d5d2ca !important; border-radius: 14px !important; }
.twitterlogger-report-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; }

/* Toolbar: exactly 3 action buttons per row desktop, 2 per row mobile */
.twitterlogger-toolbar { gap: 10px !important; margin: 14px 0 16px !important; }
.twitterlogger-toolbar-left { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
.twitterlogger-toolbar-right { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
.twitterlogger-tab,
.twitterlogger-ghost-btn {
  min-height: 34px !important;
  border: 1px solid #b9b7b0 !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Tweet cards */
.twitterlogger-feed-view { gap: 14px !important; grid-template-columns: 1fr !important; }
.twitterlogger-tweet-card {
  width: 100% !important;
  max-width: 100% !important;
  padding: 24px 24px 22px !important;
  background: #fff !important;
  border: 1px solid #d9d6ce !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 0 rgba(17,24,39,.02) !important;
}
.twitterlogger-tweet-head { gap: 12px !important; align-items: flex-start !important; }
.twitterlogger-tweet-avatar { width: 52px !important; height: 52px !important; font-size: 22px !important; }
.twitterlogger-tweet-author { font-size: 20px !important; line-height: 1.15 !important; gap: 6px !important; }
.twitterlogger-tweet-author small,
.twitterlogger-tweet-author span { font-size: 16px !important; color: #3f444b !important; }
.twitterlogger-tweet-head-meta time { display: block !important; margin-top: 3px !important; font-size: 13px !important; color: #52565c !important; }
.twitterlogger-tweet-type-pill {
  position: absolute !important;
  top: 18px !important;
  right: 24px !important;
  border-radius: 999px !important;
  padding: 7px 13px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.twitterlogger-video-pill { background: #f5ead4 !important; color: #6f3c12 !important; }
.twitterlogger-new-pill { background: #e5f0ff !important; color: #255f9d !important; }
.twitterlogger-image-pill { background: #e9f7ed !important; color: #256b35 !important; }
.twitterlogger-tweet-text {
  margin-top: 18px !important;
  font-size: 23px !important;
  line-height: 1.48 !important;
  color: #111 !important;
  letter-spacing: -.015em !important;
}
.twitterlogger-media-grid { margin-top: 18px !important; gap: 8px !important; }
.twitterlogger-media-single,
.twitterlogger-media-tile,
.twitterlogger-video-card,
.twitterlogger-gallery-card {
  border-radius: 14px !important;
  min-height: 315px !important;
  background: #101827 !important;
}
.twitterlogger-media-single { min-height: 420px !important; margin-top: 18px !important; }
.twitterlogger-media-download {
  top: 12px !important;
  right: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: #fff !important;
  color: #111 !important;
  border: 1px solid rgba(17,24,39,.08) !important;
  border-radius: 9px !important;
  padding: 8px 13px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
}
.twitterlogger-media-download span { color: #f05a28 !important; font-size: 18px !important; line-height: 1 !important; }
.twitterlogger-play-badge {
  width: 86px !important;
  height: 86px !important;
  font-size: 36px !important;
  border: 4px solid rgba(255,255,255,.22) !important;
  background: #1d9bf0 !important;
}
.twitterlogger-video-duration {
  left: 14px !important;
  bottom: 14px !important;
  font-size: 16px !important;
  padding: 6px 9px !important;
  border-radius: 7px !important;
}
.twitterlogger-tweet-footer {
  margin-top: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}
.twitterlogger-tweet-metrics { display: flex !important; gap: 28px !important; flex-wrap: wrap !important; align-items: center !important; }
.twitterlogger-metric { font-size: 18px !important; gap: 8px !important; color: #3d4148 !important; }
.twitterlogger-metric i { font-size: 24px !important; color: #111 !important; }
.twitterlogger-save-btn,
.twitterlogger-select-tweet-media {
  min-width: 120px !important;
  height: 48px !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
.twitterlogger-select-tweet-media input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }
.twitterlogger-select-tweet-media span {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
  border: 2px solid #c7c7c7 !important;
  display: inline-block !important;
}
.twitterlogger-select-tweet-media input:checked + span { background: #1d9bf0 !important; border-color: #1d9bf0 !important; box-shadow: inset 0 0 0 4px #fff !important; }
.twitterlogger-retweet-tag { font-size: 20px !important; margin-bottom: 14px !important; color: #3f434a !important; }
.twitterlogger-retweet-inner { background: #f7f6f2 !important; border: 1px solid #dedbd3 !important; border-radius: 16px !important; padding: 20px !important; }
.twitterlogger-retweet-inner .twitterlogger-tweet-text { font-size: 21px !important; }
.twitterlogger-retweet-inner .twitterlogger-tweet-footer { margin-top: 16px !important; }

@media (max-width: 900px) {
  .twitterlogger-profile-banner { height: 135px !important; }
  .twitterlogger-profile-body { padding: 0 14px 18px !important; }
  .twitterlogger-profile-avatar-box { width: 78px !important; height: 78px !important; margin-top: -28px !important; border-radius: 16px !important; }
  .twitterlogger-report-grid { grid-template-columns: 1fr !important; }
  .twitterlogger-toolbar-right { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .twitterlogger-tweet-card { padding: 22px 18px 18px !important; border-radius: 18px !important; }
  .twitterlogger-tweet-avatar { width: 48px !important; height: 48px !important; }
  .twitterlogger-tweet-author { font-size: 18px !important; }
  .twitterlogger-tweet-author small,
  .twitterlogger-tweet-author span { font-size: 15px !important; }
  .twitterlogger-tweet-type-pill { top: 16px !important; right: 18px !important; font-size: 11px !important; padding: 6px 11px !important; }
  .twitterlogger-tweet-text { font-size: 21px !important; line-height: 1.5 !important; }
  .twitterlogger-media-single { min-height: 315px !important; }
  .twitterlogger-media-tile,
  .twitterlogger-video-card { min-height: 250px !important; }
  .twitterlogger-media-download { top: 10px !important; right: 10px !important; padding: 8px 11px !important; font-size: 12px !important; }
  .twitterlogger-play-badge { width: 72px !important; height: 72px !important; font-size: 30px !important; }
  .twitterlogger-tweet-footer { align-items: flex-start !important; flex-direction: column !important; }
  .twitterlogger-tweet-metrics { gap: 18px !important; }
  .twitterlogger-metric { font-size: 16px !important; }
  .twitterlogger-metric i { font-size: 21px !important; }
  .twitterlogger-save-btn,
  .twitterlogger-select-tweet-media { align-self: flex-end !important; height: 44px !important; min-width: 108px !important; font-size: 16px !important; }
}
@media (max-width: 520px) {
  .twitterlogger-wrap { padding: 0 10px !important; margin: 14px auto !important; }
  .twitterlogger-profile-stats-line { gap: 7px !important; }
  .twitterlogger-stat-chip strong { font-size: 13px !important; }
  .twitterlogger-media-grid { grid-template-columns: 1fr !important; }
  .twitterlogger-media-single { min-height: 270px !important; }
  .twitterlogger-media-tile,
  .twitterlogger-video-card { min-height: 235px !important; }
}

/* v5.1.3 verified fixes from supplied error/demo images */
.twitterlogger-wrap {
  width: min(100%, 1180px) !important;
}

/* Keep the desktop input tool wide, with submit button beside it; on mobile the button drops below. */
@media (min-width: 760px) {
  .twitterlogger-search-card {
    grid-template-columns: minmax(0, 1fr) 240px !important;
    align-items: end !important;
  }
  .twitterlogger-search-card .twitterlogger-input-shell { min-width: 0 !important; }
}
@media (max-width: 759px) {
  .twitterlogger-search-card .twitterlogger-view-btn {
    display: grid !important;
    width: 100% !important;
    margin-top: 12px !important;
  }
}

/* Toolbar: all controls in one clean grid. Desktop = 3 per row, mobile = 2 per row. */
.twitterlogger-toolbar {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 14px 0 16px !important;
}
.twitterlogger-toolbar-left,
.twitterlogger-toolbar-right {
  display: contents !important;
}
.twitterlogger-tab,
.twitterlogger-ghost-btn {
  width: 100% !important;
  min-height: 34px !important;
  border: 1px solid #b9b7b0 !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
@media (max-width: 620px) {
  .twitterlogger-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
}

/* Download buttons/icons restored and styled like the demo. */
.twitterlogger-inline-download,
.twitterlogger-media-download {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  background: #fff !important;
  color: #111 !important;
  border: 1px solid rgba(17,24,39,.09) !important;
  border-radius: 10px !important;
  padding: 9px 14px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
}
.twitterlogger-inline-download span,
.twitterlogger-media-download span {
  color: #f05a28 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
.twitterlogger-mini-dl {
  display: inline-flex !important;
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1d9bf0 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  z-index: 7 !important;
}

/* Tweet card professional pass: fixes oversized/error layout while matching the supplied rounded-card demos. */
.twitterlogger-feed-view {
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}
.twitterlogger-tweet-card {
  width: 100% !important;
  max-width: 100% !important;
  padding: 24px 24px 22px !important;
  border: 1px solid #d9d6ce !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(17,24,39,.04) !important;
}
.twitterlogger-tweet-head {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding-right: 86px !important;
}
.twitterlogger-tweet-avatar {
  width: 52px !important;
  height: 52px !important;
  font-size: 22px !important;
}
.twitterlogger-tweet-author {
  font-size: 20px !important;
  line-height: 1.15 !important;
  gap: 6px !important;
}
.twitterlogger-tweet-author small,
.twitterlogger-tweet-author span,
.twitterlogger-tweet-head-meta time {
  font-size: 15px !important;
  color: #45484f !important;
  font-weight: 400 !important;
}
.twitterlogger-tweet-head-meta time {
  display: block !important;
  margin-top: 3px !important;
}
.twitterlogger-tweet-type-pill {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  border-radius: 999px !important;
  padding: 7px 13px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.twitterlogger-tweet-text {
  margin-top: 18px !important;
  font-size: 23px !important;
  line-height: 1.48 !important;
  color: #111 !important;
  letter-spacing: -.015em !important;
}
.twitterlogger-media-single,
.twitterlogger-media-tile,
.twitterlogger-video-card,
.twitterlogger-gallery-card {
  border-radius: 14px !important;
  background: #101827 !important;
  overflow: hidden !important;
}
.twitterlogger-media-single {
  min-height: 420px !important;
  margin-top: 18px !important;
}
.twitterlogger-video-duration {
  left: 14px !important;
  bottom: 14px !important;
  font-size: 16px !important;
  padding: 6px 9px !important;
  border-radius: 7px !important;
}
.twitterlogger-tweet-footer {
  margin-top: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}
.twitterlogger-tweet-metrics {
  display: flex !important;
  gap: 28px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}
.twitterlogger-metric { font-size: 18px !important; gap: 8px !important; color: #3d4148 !important; }
.twitterlogger-metric i { font-size: 24px !important; color: #111 !important; }
.twitterlogger-save-btn,
.twitterlogger-select-tweet-media {
  min-width: 120px !important;
  height: 48px !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
.twitterlogger-retweet-tag {
  font-size: 20px !important;
  margin-bottom: 14px !important;
  color: #3f434a !important;
}
.twitterlogger-retweet-inner {
  background: #f7f6f2 !important;
  border: 1px solid #dedbd3 !important;
  border-radius: 16px !important;
  padding: 20px !important;
}
@media (max-width: 900px) {
  .twitterlogger-tweet-card { padding: 22px 18px 18px !important; border-radius: 18px !important; }
  .twitterlogger-tweet-head { padding-right: 72px !important; }
  .twitterlogger-tweet-avatar { width: 48px !important; height: 48px !important; }
  .twitterlogger-tweet-author { font-size: 18px !important; }
  .twitterlogger-tweet-author small,
  .twitterlogger-tweet-author span,
  .twitterlogger-tweet-head-meta time { font-size: 14px !important; }
  .twitterlogger-tweet-type-pill { font-size: 11px !important; padding: 6px 10px !important; }
  .twitterlogger-tweet-text { font-size: 21px !important; line-height: 1.5 !important; }
  .twitterlogger-media-single { min-height: 315px !important; }
  .twitterlogger-media-tile,
  .twitterlogger-video-card { min-height: 250px !important; }
  .twitterlogger-media-download { top: 10px !important; right: 10px !important; padding: 8px 11px !important; font-size: 12px !important; }
  .twitterlogger-tweet-footer { flex-direction: column !important; align-items: flex-start !important; }
  .twitterlogger-save-btn,
  .twitterlogger-select-tweet-media { align-self: flex-end !important; height: 44px !important; min-width: 108px !important; font-size: 16px !important; }
}


/* v5.1.5 exact demo-alignment fixes */
.twitterlogger-wrap {
  width: min(100%, 1180px) !important;
  color: #111 !important;
}
.twitterlogger-search-card {
  padding: 40px 42px !important;
  background: #fff !important;
  border: 1px solid #e7e3dc !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 35px rgba(17,24,39,.06) !important;
}
.twitterlogger-tool-header {
  display: flex !important;
  align-items: center !important;
  gap: 26px !important;
  padding-bottom: 30px !important;
  margin-bottom: 32px !important;
  border-bottom: 1px solid #e8e5df !important;
}
.twitterlogger-tool-logo {
  width: 84px !important;
  height: 84px !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #05070d !important;
  border: 1px solid #e4e4e4 !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.08) !important;
}
.twitterlogger-tool-title {
  font-size: 38px !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
}
.twitterlogger-tool-subtitle {
  font-size: 24px !important;
  color: #5f6570 !important;
  margin-top: 4px !important;
}
.twitterlogger-input-label {
  margin-bottom: 14px !important;
  color: #333943 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
}
.twitterlogger-input-shell {
  height: 82px !important;
  min-height: 82px !important;
  border: 1px solid #d6d4cf !important;
  border-radius: 12px !important;
  background: #fff !important;
  padding: 0 24px !important;
  gap: 18px !important;
}
.twitterlogger-input-user-icon,
.twitterlogger-input-shell > span {
  width: 36px !important;
  height: 36px !important;
  color: #5d626a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
.twitterlogger-input-user-icon svg,
.twitterlogger-input-shell > span svg {
  width: 34px !important;
  height: 34px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.twitterlogger-input {
  font-size: 25px !important;
  color: #111 !important;
}
.twitterlogger-input::placeholder { color: #747982 !important; }

@media (min-width: 760px) {
  .twitterlogger-search-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr) !important;
    column-gap: 22px !important;
    align-items: end !important;
  }
  .twitterlogger-tool-header,
  .twitterlogger-input-label,
  .twitterlogger-trust-row { grid-column: 1 / -1 !important; }
  .twitterlogger-search-card .twitterlogger-input-shell {
    grid-column: 1 !important;
    width: 100% !important;
  }
  .twitterlogger-search-card .twitterlogger-view-btn {
    grid-column: 2 !important;
    margin-top: 0 !important;
  }
}
.twitterlogger-search-card .twitterlogger-view-btn {
  height: 82px !important;
  min-height: 82px !important;
  width: 100% !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg,#121d2b 0%,#050a13 100%) !important;
  color: #fff !important;
  display: grid !important;
  grid-template-columns: 54px 1fr 42px !important;
  align-items: center !important;
  gap: 16px !important;
  text-align: left !important;
  box-shadow: 0 11px 18px rgba(7,12,21,.22) !important;
}
.twitterlogger-search-card .twitterlogger-view-btn strong {
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  color: #fff !important;
}
.twitterlogger-search-card .twitterlogger-view-btn small {
  font-size: 17px !important;
  line-height: 1.22 !important;
  margin-top: 5px !important;
  color: rgba(255,255,255,.88) !important;
  font-weight: 400 !important;
}
.twitterlogger-search-card .twitterlogger-search-icon,
.twitterlogger-search-card .twitterlogger-arrow {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.twitterlogger-search-card .twitterlogger-search-icon svg,
.twitterlogger-search-card .twitterlogger-arrow svg {
  width: 36px !important;
  height: 36px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.twitterlogger-trust-row {
  gap: 14px !important;
  margin-top: 34px !important;
}
.twitterlogger-trust-row span {
  padding: 12px 22px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #e7e1d8 !important;
  font-size: 23px !important;
  color: #1b1d22 !important;
}
.twitterlogger-trust-row i {
  width: 14px !important;
  height: 14px !important;
}

.twitterlogger-profile-card {
  background: #f7f6f0 !important;
  border: 1px solid #d6d3ca !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}
.twitterlogger-profile-banner {
  height: 228px !important;
  background-position: center !important;
  background-size: cover !important;
}
.twitterlogger-inline-download,
.twitterlogger-media-download {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 40px !important;
  min-width: 120px !important;
  padding: 0 16px !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #111 !important;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  text-decoration: none !important;
}
.twitterlogger-inline-download { top: 12px !important; right: 14px !important; }
.twitterlogger-media-download { top: 14px !important; right: 14px !important; }
.twitterlogger-download-icon {
  width: 17px !important;
  height: 17px !important;
  display: inline-flex !important;
  color: #ff5a1f !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
.twitterlogger-download-icon svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.twitterlogger-mini-dl {
  display: inline-flex !important;
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1d9bf0 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  box-shadow: 0 2px 7px rgba(0,0,0,.20) !important;
  text-decoration: none !important;
  z-index: 9 !important;
}
.twitterlogger-mini-dl .twitterlogger-download-icon {
  width: 14px !important;
  height: 14px !important;
  color: #fff !important;
}
.twitterlogger-mini-dl .twitterlogger-download-icon svg {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 2.5 !important;
}
.twitterlogger-profile-avatar-box {
  width: 88px !important;
  height: 88px !important;
  margin-top: -39px !important;
  border-radius: 18px !important;
  border: 5px solid #fff !important;
  overflow: visible !important;
}
.twitterlogger-profile-avatar-box img {
  border-radius: 13px !important;
  overflow: hidden !important;
}
.twitterlogger-avatar-check {
  right: -5px !important;
  bottom: -5px !important;
  width: 23px !important;
  height: 23px !important;
}

.twitterlogger-tweet-card {
  border-radius: 12px !important;
  border: 1px solid #e4e4e4 !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.10) !important;
  background: #fff !important;
  padding: 24px 28px 20px !important;
}
.twitterlogger-tweet-head { padding-right: 86px !important; }
.twitterlogger-tweet-avatar {
  width: 48px !important;
  height: 48px !important;
  font-size: 18px !important;
  background: #1d9bf0 !important;
}
.twitterlogger-tweet-author {
  font-size: 18px !important;
  font-weight: 900 !important;
  gap: 5px !important;
}
.twitterlogger-tweet-author small,
.twitterlogger-tweet-author span,
.twitterlogger-tweet-head-meta time {
  font-size: 14px !important;
  color: #4b4f58 !important;
}
.twitterlogger-tweet-text {
  margin-top: 18px !important;
  font-size: 22px !important;
  line-height: 1.45 !important;
  letter-spacing: -.015em !important;
}
.twitterlogger-tweet-type-pill {
  top: 0 !important;
  right: 0 !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.twitterlogger-media-single {
  min-height: 334px !important;
  margin-top: 16px !important;
  border-radius: 8px !important;
}
.twitterlogger-media-tile,
.twitterlogger-video-card,
.twitterlogger-gallery-card {
  border-radius: 8px !important;
}
.twitterlogger-tweet-footer {
  margin-top: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}
.twitterlogger-tweet-metrics {
  display: flex !important;
  align-items: center !important;
  gap: 38px !important;
  flex-wrap: wrap !important;
}
.twitterlogger-metric {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #4b4f58 !important;
  font-weight: 400 !important;
}
.twitterlogger-metric i {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #111 !important;
  font-size: 0 !important;
}
.twitterlogger-metric svg {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.twitterlogger-select-tweet-media,
.twitterlogger-save-btn {
  height: 52px !important;
  min-width: 132px !important;
  border-radius: 11px !important;
  border: 1px solid #dedede !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  gap: 10px !important;
}
.twitterlogger-select-tweet-media span {
  width: 24px !important;
  height: 24px !important;
  border: 2px solid #c8c8c8 !important;
  border-radius: 50% !important;
}
.twitterlogger-video-duration {
  bottom: 14px !important;
  left: 14px !important;
  background: rgba(0,0,0,.76) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  border-radius: 5px !important;
  padding: 5px 8px !important;
}
.twitterlogger-play-badge {
  width: 78px !important;
  height: 78px !important;
  font-size: 31px !important;
  background: #1d9bf0 !important;
  color: #fff !important;
  border: 4px solid rgba(255,255,255,.18) !important;
}
@media (max-width: 900px) {
  .twitterlogger-search-card {
    padding: 22px !important;
    border-radius: 18px !important;
  }
  .twitterlogger-tool-header {
    gap: 14px !important;
    padding-bottom: 0 !important;
    margin-bottom: 18px !important;
    border-bottom: 0 !important;
  }
  .twitterlogger-tool-logo {
    width: 50px !important;
    height: 50px !important;
    border-radius: 14px !important;
    background: #111827 !important;
    color: #fff !important;
    font-size: 24px !important;
  }
  .twitterlogger-tool-title { font-size: 24px !important; }
  .twitterlogger-tool-subtitle { font-size: 14px !important; }
  .twitterlogger-input-label { font-size: 11px !important; }
  .twitterlogger-input-shell {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    gap: 12px !important;
  }
  .twitterlogger-input-user-icon,
  .twitterlogger-input-shell > span {
    width: 22px !important;
    height: 22px !important;
  }
  .twitterlogger-input-user-icon svg,
  .twitterlogger-input-shell > span svg {
    width: 21px !important;
    height: 21px !important;
  }
  .twitterlogger-input { font-size: 16px !important; }
  .twitterlogger-search-card .twitterlogger-view-btn {
    margin-top: 12px !important;
    height: 58px !important;
    min-height: 58px !important;
    grid-template-columns: 30px 1fr 30px !important;
    padding: 0 16px !important;
  }
  .twitterlogger-search-card .twitterlogger-view-btn strong { font-size: 16px !important; }
  .twitterlogger-search-card .twitterlogger-view-btn small { font-size: 11px !important; }
  .twitterlogger-search-card .twitterlogger-search-icon svg,
  .twitterlogger-search-card .twitterlogger-arrow svg {
    width: 18px !important;
    height: 18px !important;
  }
  .twitterlogger-trust-row { margin-top: 12px !important; }
  .twitterlogger-trust-row span {
    font-size: 12px !important;
    padding: 7px 10px !important;
  }
  .twitterlogger-trust-row i {
    width: 8px !important;
    height: 8px !important;
  }
  .twitterlogger-profile-banner { height: 174px !important; }
  .twitterlogger-profile-avatar-box {
    width: 74px !important;
    height: 74px !important;
    margin-top: -34px !important;
  }
  .twitterlogger-inline-download,
  .twitterlogger-media-download {
    height: 34px !important;
    min-width: 94px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
  }
  .twitterlogger-download-icon,
  .twitterlogger-download-icon svg {
    width: 14px !important;
    height: 14px !important;
  }
  .twitterlogger-tweet-card {
    padding: 18px 16px 16px !important;
    border-radius: 14px !important;
  }
  .twitterlogger-tweet-head { padding-right: 70px !important; }
  .twitterlogger-tweet-avatar {
    width: 42px !important;
    height: 42px !important;
  }
  .twitterlogger-tweet-author { font-size: 16px !important; }
  .twitterlogger-tweet-author small,
  .twitterlogger-tweet-author span,
  .twitterlogger-tweet-head-meta time { font-size: 12px !important; }
  .twitterlogger-tweet-text { font-size: 19px !important; }
  .twitterlogger-media-single { min-height: 270px !important; }
  .twitterlogger-tweet-footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .twitterlogger-tweet-metrics { gap: 20px !important; }
  .twitterlogger-metric { font-size: 15px !important; }
  .twitterlogger-metric i,
  .twitterlogger-metric svg {
    width: 18px !important;
    height: 18px !important;
  }
  .twitterlogger-select-tweet-media,
  .twitterlogger-save-btn {
    align-self: flex-end !important;
    height: 42px !important;
    min-width: 106px !important;
    font-size: 14px !important;
  }
}
@media (max-width: 520px) {
  .twitterlogger-media-single { min-height: 230px !important; }
  .twitterlogger-tweet-metrics { gap: 14px !important; }
  .twitterlogger-metric { font-size: 14px !important; }
}

/* v6.1.1 fixes */
.twitterlogger-search-card .twitterlogger-view-btn {
  position: relative !important;
  overflow: hidden !important;
}
.twitterlogger-search-card .twitterlogger-view-btn.is-loading .twitterlogger-search-icon,
.twitterlogger-search-card .twitterlogger-view-btn.is-loading > span:not(.twitterlogger-spinner) {
  visibility: hidden !important;
}
.twitterlogger-search-card .twitterlogger-view-btn .twitterlogger-spinner.is-loading {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 24px !important;
  height: 24px !important;
  margin: -12px 0 0 -12px !important;
  border: 3px solid rgba(255,255,255,.46) !important;
  border-top-color: #1d9bf0 !important;
  z-index: 3 !important;
}
.twitterlogger-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.twitterlogger-limit-premium-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 18px;
  border-radius: 10px;
  background: #ff7a1a;
  color: #fff !important;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(255,122,26,.25);
}
.twitterlogger-load-more-btn.is-loading {
  min-width: 180px !important;
  position: relative !important;
}
.twitterlogger-load-spinner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 3px solid #d6def7;
  border-top-color: #1d9bf0;
  display: inline-block;
  animation: twitterlogger-spin .8s linear infinite;
}
.twitterlogger-tweet-footer:has(.twitterlogger-tweet-metrics:only-child),
.twitterlogger-tweet-footer:not(:has(.twitterlogger-select-tweet-media)) {
  justify-content: flex-start !important;
}
.twitterlogger-search-card .twitterlogger-view-btn {
  height: 82px !important;
  min-height: 82px !important;
}
@media (min-width: 901px) {
  .twitterlogger-search-card {
    grid-template-columns: minmax(500px, 1.1fr) minmax(520px, .9fr) !important;
    align-items: end !important;
  }
  .twitterlogger-search-card .twitterlogger-input-shell,
  .twitterlogger-search-card .twitterlogger-view-btn {
    height: 82px !important;
    min-height: 82px !important;
    margin-top: 0 !important;
  }
  .twitterlogger-search-card .twitterlogger-view-btn {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 54px 1fr 50px !important;
    padding: 0 26px !important;
  }
}
@media (max-width: 900px) {
  .twitterlogger-search-card .twitterlogger-view-btn.is-loading .twitterlogger-spinner.is-loading {
    border-color: #d6def7 !important;
    border-top-color: #1d9bf0 !important;
  }
  .twitterlogger-search-card .twitterlogger-view-btn {
    width: 100% !important;
  }
}

/* Twitter Profile Viewer overflow fix */
.twitterlogger-wrap .twitterlogger-search-card{
    overflow:hidden !important;
}

@media (min-width:760px){
    .twitterlogger-wrap .twitterlogger-search-card{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 260px !important;
        gap:16px !important;
    }

    .twitterlogger-wrap .twitterlogger-view-btn{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        justify-self:stretch !important;
        box-sizing:border-box !important;
    }
}