.fbstryview-wrap{
  max-width:960px;
  margin:20px auto;
  padding:10px;
  font-family:Arial,Helvetica,sans-serif;
  color:#202124;
}
.fbstryview-form-shell{
  max-width:860px;
  margin:0 auto;
  background:linear-gradient(180deg,#ffffff,#f6f8ff);
  border:1px solid #e6ebf7;
  border-radius:24px;
  padding:12px;
  box-shadow:0 16px 40px rgba(30,64,175,.08);
}
.fbstryview-form{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  position:relative;
}
.fbstryview-input{
  flex:1 1 auto;
  min-width:0;
  height:54px;
  border:1px solid #d8def0;
  border-radius:18px;
  padding:0 18px;
  font-size:16px;
  line-height:54px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 2px 10px rgba(24,39,75,.04);
  outline:none;
}
.fbstryview-input::placeholder{color:#8a94b2}
.fbstryview-input:focus{
  border-color:#5a7cff;
  box-shadow:0 0 0 4px rgba(90,124,255,.14);
}
.fbstryview-button,
.fbstryview-bulk-button{
  border:0;
  border-radius:15px;
  color:#fff !important;
  text-decoration:none;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  padding:0 24px;
  height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#4169e1,#ff5aa6);
  box-shadow:0 10px 22px rgba(65,105,225,.18);
}
.fbstryview-spinner{
  width:26px;height:26px;border-radius:50%;border:3px solid #dfe5ff;border-top-color:#4169e1;display:none;animation:fbstryview-spin .8s linear infinite;
}
.fbstryview-spinner.is-active{display:inline-block}
@keyframes fbstryview-spin{to{transform:rotate(360deg)}}
.fbstryview-error{
  margin:14px auto 0;max-width:760px;color:#b3261e;background:#fff4f4;border:1px solid #ffd2d2;border-radius:14px;padding:12px 14px;text-align:center;font-size:14px;
}
.fbstryview-results{margin-top:18px;padding-bottom:18px}
.fbstryview-profile-card{
  display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:24px;color:#fff;
  background:linear-gradient(135deg,#3c63ef 0%,#6f61ff 44%,#ff5da4 100%);
  box-shadow:0 18px 34px rgba(65,105,225,.18);
}
.fbstryview-profile-dp,.fbstryview-dp-fallback{
  width:82px;height:82px;min-width:82px;border-radius:999px;object-fit:cover;display:block;background:rgba(255,255,255,.3);border:4px solid rgba(255,255,255,.55);box-shadow:0 8px 20px rgba(19,22,33,.18);
}
.fbstryview-profile-name{font-size:29px;font-weight:800;line-height:1.12}
.fbstryview-profile-url{margin-top:7px;font-size:14px;color:rgba(255,255,255,.94);word-break:break-all}
.fbstryview-profile-url span{font-weight:700}
.fbstryview-profile-url a{color:#fff;text-decoration:none}
.fbstryview-section{margin-top:16px}
.fbstryview-section-head{text-align:center;margin-bottom:12px}
.fbstryview-section-tab{
  min-width:160px;display:inline-flex;justify-content:center;align-items:center;height:42px;padding:0 30px;border-radius:12px;
  color:#fff;font-weight:800;font-size:15px;background:linear-gradient(135deg,#4169e1,#ff5aa6);box-shadow:0 10px 20px rgba(65,105,225,.14);
}
.fbstryview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.fbstryview-grid.is-single-grid{grid-template-columns:minmax(240px,360px);justify-content:center}
.fbstryview-media-card{background:#fff;border:1px solid #e8ebf3;border-radius:16px;padding:7px;box-shadow:0 6px 16px rgba(24,39,75,.06)}
.fbstryview-media-box{position:relative;overflow:hidden;border-radius:13px;background:#eef2fb;aspect-ratio:9/11}
.fbstryview-media-box img,.fbstryview-inline-video{width:100%;height:100%;object-fit:cover;display:block}
.fbstryview-inline-video{background:#000}
.fbstryview-media-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:8px;z-index:3}
.fbstryview-video-box .fbstryview-play-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}
.fbstryview-video-box .fbstryview-play{pointer-events:auto}
.fbstryview-icon{width:42px;height:42px;border-radius:999px;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;line-height:1;box-shadow:0 8px 18px rgba(47,107,255,.28)}
.fbstryview-download{background:#2f6bff;color:#fff !important}
.fbstryview-play{background:rgba(0,0,0,.62);backdrop-filter:blur(4px);position:relative}
.fbstryview-play-triangle{
  width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff;display:block;margin-left:4px;
}
.fbstryview-download-svg{display:block;width:18px;height:18px;fill:currentColor}
.fbstryview-bulk-wrap{text-align:center;margin-top:18px}
.fbstryview-video-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#cfd9ff,#f8e0ec)}

@media (max-width:767px){
  .fbstryview-wrap{padding:8px}
  .fbstryview-form-shell{padding:10px;border-radius:20px}
  .fbstryview-form{gap:8px}
  .fbstryview-input,.fbstryview-button{height:48px;font-size:16px}
  .fbstryview-profile-card{padding:14px;gap:14px;align-items:center}
  .fbstryview-profile-dp,.fbstryview-dp-fallback{width:72px;height:72px;min-width:72px}
  .fbstryview-profile-name{font-size:22px}
  .fbstryview-profile-url{font-size:12px}
  .fbstryview-section-tab{min-width:144px;height:38px;font-size:14px;padding:0 24px}
  .fbstryview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
}

@media (max-width:480px){
  .fbstryview-wrap{padding:6px}
  .fbstryview-form-shell{padding:8px;border-radius:18px}
  .fbstryview-input{font-size:16px !important;-webkit-text-size-adjust:100%;touch-action:manipulation;height:46px}
  .fbstryview-button{padding:0 16px;font-size:15px;height:46px}
  .fbstryview-profile-card{padding:12px 13px;border-radius:18px;gap:12px;align-items:center}
  .fbstryview-profile-dp,.fbstryview-dp-fallback{width:66px;height:66px;min-width:66px}
  .fbstryview-profile-name{font-size:18px}
  .fbstryview-section-head{margin-bottom:8px}
  .fbstryview-section-tab{min-width:134px;height:36px;font-size:13px;padding:0 18px}
  .fbstryview-grid{grid-template-columns:1fr 1fr;gap:7px}
  .fbstryview-grid.is-single-grid{grid-template-columns:minmax(180px,240px)}
  .fbstryview-media-card{padding:5px}
  .fbstryview-icon{width:38px;height:38px}
  .fbstryview-play-triangle{border-top-width:9px;border-bottom-width:9px;border-left-width:14px}
  .fbstryview-download-svg{width:16px;height:16px}
}