/* V104: real laptop fit fix.
   - Uses the uploaded laptop photo as a transparent frame.
   - Removes the white photo background.
   - Places the generated website image exactly inside the laptop screen.
   - Reduces the large top gap on the preview page.
*/
.page-website-previews .v101-mockup-page{
  padding-top:84px !important;
}
.page-website-previews .v101-topline{
  margin-bottom:16px !important;
  align-items:flex-end;
}
.page-website-previews .v101-topline h1{
  font-size:clamp(2rem,3.15vw,3.75rem) !important;
  margin-bottom:8px !important;
}
.page-website-previews .v101-topline p{
  max-width:780px;
  font-size:.98rem;
}
.page-website-previews .v101-layout{
  gap:22px !important;
  align-items:start;
}
.page-website-previews .v101-preview-stage{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.page-website-previews .v101-stage-toolbar{
  max-width:940px !important;
  margin:0 auto 8px !important;
  padding:0 4px !important;
}
.page-website-previews .v103-real-laptop-shell{
  position:relative;
  width:min(100%,940px) !important;
  margin:0 auto 4px !important;
  aspect-ratio:1800/1008;
  background:transparent !important;
  filter:drop-shadow(0 34px 72px rgba(0,0,0,.58));
}
.page-website-previews .v103-real-laptop-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  z-index:5 !important;
  pointer-events:none;
  user-select:none;
}
.page-website-previews .v101-image-scroll.v103-real-laptop-screen{
  position:absolute;
  z-index:2 !important;
  /* Exact screen coordinates from the uploaded 1800x1008 laptop image */
  left:20.9% !important;
  top:9.15% !important;
  width:57.35% !important;
  height:60.8% !important;
  min-height:0 !important;
  max-height:none !important;
  border:0 !important;
  border-radius:0 !important;
  background:#08090b !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  box-shadow:none !important;
}
.page-website-previews .v101-image-scroll.v103-real-laptop-screen img{
  display:block;
  width:100% !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
}
.page-website-previews .v102-scroll-note{
  margin-top:2px !important;
  color:#8fa2ca;
}
.page-website-previews .v101-side-panel{
  top:92px !important;
}
.page-website-previews .v101-side-card{
  padding:17px !important;
  border-radius:22px !important;
}
.page-website-previews .v101-page-buttons{
  max-height:390px !important;
}
.page-website-previews .v101-page-buttons a{
  grid-template-columns:78px minmax(0,1fr) !important;
  padding:8px !important;
  border-radius:16px !important;
}
.page-website-previews .v101-page-buttons img{
  width:78px !important;
  height:52px !important;
}
@media(max-width:1180px){
  .page-website-previews .v101-layout{grid-template-columns:1fr !important;}
  .page-website-previews .v101-side-panel{position:relative;top:auto !important;}
  .page-website-previews .v103-real-laptop-shell{width:min(100%,900px) !important;}
}
@media(max-width:720px){
  .page-website-previews .v101-mockup-page{padding-top:94px !important;}
  .page-website-previews .v103-real-laptop-shell{width:100% !important;}
  .page-website-previews .v101-image-scroll.v103-real-laptop-screen::-webkit-scrollbar{width:4px;}
}