/* Homepage content only; toolbar, actor, composer and every other entry stay owned by their original frame. */
.homepage-native-downloads,.homepage-download-thread{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%;box-sizing:border-box;flex:0 0 auto;}
.homepage-native-downloads{container-type:inline-size;}
.homepage-native-downloads [hidden]{display:none!important;}
.homepage-native-downloads .bean-platform-versions{margin:0!important;padding:0!important;}
.homepage-native-downloads .bean-platform-intro{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
/* The homepage uses the same single, full-width download card as the sidebar.
   Override the old two-column workbook rules in their own layer; otherwise
   their !important declarations split the sphere and QR into nested cards. */
@layer workbook-copy-layout {
  html body .homepage-native-downloads .bean-download-combination{
    display:block!important;grid-template-columns:minmax(0,1fr)!important;
    box-sizing:border-box!important;width:100%!important;min-height:0!important;
    margin:0!important;padding:0!important;position:relative!important;
    background:transparent!important;overflow:visible!important;
  }
  html body .homepage-native-downloads .bean-inline-download{
    --version-sphere-size:clamp(100px,26cqw,160px);
    display:flex!important;flex-direction:column!important;align-items:center!important;
    justify-content:flex-start!important;box-sizing:border-box!important;
    width:100%!important;height:auto!important;min-height:50cqw!important;max-height:none!important;
    padding:8px 10px 10px!important;gap:2px!important;
    border-radius:12px!important;overflow:visible!important;
  }
  html body .homepage-native-downloads .bean-inline-download>img{
    display:block!important;width:var(--version-sphere-size)!important;
    height:var(--version-sphere-size)!important;min-width:var(--version-sphere-size)!important;
    min-height:var(--version-sphere-size)!important;flex:0 0 var(--version-sphere-size)!important;
    object-fit:contain!important;margin:0!important;
  }
  html body .homepage-native-downloads .bean-inline-download .platform-compatibility{
    max-width:calc(100% - 120px)!important;
  }
  html body .homepage-native-downloads .bean-download-qr{
    position:absolute!important;right:10px!important;bottom:10px!important;top:auto!important;
    display:grid!important;place-items:center!important;box-sizing:border-box!important;
    width:58px!important;height:58px!important;padding:4px!important;margin:0!important;
    border-radius:9px!important;background:#000!important;overflow:visible!important;z-index:9!important;
  }
  html body .homepage-native-downloads .bean-download-qr>img{
    display:block!important;width:100%!important;height:100%!important;
    padding:0!important;object-fit:contain!important;
  }
  html body .homepage-native-downloads .bean-download-qr>.bean-download-qr-caption{display:none!important;}
  html body .homepage-native-downloads .bean-download-qr::before{
    content:""!important;position:absolute!important;inset:0!important;padding:1px!important;
    border-radius:inherit!important;pointer-events:none!important;z-index:11!important;
    background:linear-gradient(125deg,#62eaff,#ac86ff 32%,#ff76bc 60%,#ffd875 80%,#62eaff)!important;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;mask-composite:exclude!important;
  }
  html body .homepage-native-downloads .bean-download-qr.is-enlarged{
    width:var(--homepage-qr-expanded-size)!important;
    height:var(--homepage-qr-expanded-size)!important;
    z-index:30!important;
    background:linear-gradient(145deg,#12162a,#080a12)!important;
    box-shadow:inset 0 0 0 1px rgba(136,237,255,.16),0 12px 28px rgba(0,0,0,.5)!important;
  }
  html body .homepage-native-downloads .bean-download-qr.is-enlarged>img{
    width:var(--homepage-qr-image-size)!important;
    height:var(--homepage-qr-image-size)!important;
    padding:3px!important;border-radius:5px!important;background:#fff!important;
    box-shadow:0 0 16px rgba(75,232,255,.22)!important;
  }
  html body .homepage-native-downloads .bean-download-qr.is-enlarged::before{padding:2px!important;}
  html body .homepage-native-downloads .bean-download-qr.is-enlarged::after{
    content:""!important;position:absolute!important;inset:9px!important;
    pointer-events:none!important;z-index:12!important;
    background:
      linear-gradient(#63efff,#63efff) left top/20px 2px no-repeat,
      linear-gradient(#63efff,#63efff) left top/2px 20px no-repeat,
      linear-gradient(#ba78ff,#ba78ff) right top/20px 2px no-repeat,
      linear-gradient(#ba78ff,#ba78ff) right top/2px 20px no-repeat,
      linear-gradient(#ba78ff,#ba78ff) left bottom/20px 2px no-repeat,
      linear-gradient(#ba78ff,#ba78ff) left bottom/2px 20px no-repeat,
      linear-gradient(#63efff,#63efff) right bottom/20px 2px no-repeat,
      linear-gradient(#63efff,#63efff) right bottom/2px 20px no-repeat!important;
    filter:drop-shadow(0 0 4px rgba(94,231,255,.65))!important;
  }
  html body .homepage-native-downloads .bean-download-qr.is-enlarged>.bean-download-hand{display:none!important;}
}
.homepage-native-downloads [data-download-welcome="true"]>.bean-platform-intro{display:none!important;}
.homepage-native-downloads .bean-platform-version-icon :is(svg,img){width:100%;height:100%;object-fit:contain;display:block;}
.homepage-native-downloads [data-platform-icon="android"]{color:#8cff27;}
.homepage-native-downloads [data-platform-icon="ios"]{color:#77e7ff;}
.homepage-native-downloads [data-platform-icon="harmony"]{color:#c68aff;}
.homepage-native-downloads [data-platform-icon="macos"]{color:#ff72db;}
.homepage-native-downloads [data-platform-icon="linux"]{color:#ffdf00;}
.homepage-native-downloads .app-windows-icon{display:grid;width:100%;height:100%;grid-template-columns:1fr 1fr;gap:2px;}
.homepage-native-downloads .app-windows-icon i:nth-child(1){background:#f25022;}.homepage-native-downloads .app-windows-icon i:nth-child(2){background:#7fba00;}
.homepage-native-downloads .app-windows-icon i:nth-child(3){background:#00a4ef;}.homepage-native-downloads .app-windows-icon i:nth-child(4){background:#ffb900;}
.homepage-native-downloads .pure-choices{width:100%;min-width:0;}
.homepage-native-downloads .pure-choices>summary{cursor:pointer;color:#e5f8ff;font-size:12px;line-height:1.6;padding:6px 0;}
.homepage-native-downloads .product-area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:3px;}
.homepage-native-downloads .product-area-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(0,0,0,.7);border:1px solid #31545f;border-radius:10px;color:#effaff;padding:3px;min-width:0;cursor:pointer;}
.homepage-native-downloads .product-area-card img{width:28px;height:28px;object-fit:contain;}
.homepage-native-downloads .product-area-card[aria-checked="true"]{outline:1px solid #67ecff;outline-offset:-1px;}
.homepage-native-downloads .channel-heading{display:flex;gap:6px;align-items:center;}
.homepage-native-downloads .channel-title-icon img{width:24px;height:24px;object-fit:contain;}
.homepage-native-downloads .standalone-choice-message{align-self:flex-end;margin:0;color:#e4f9ff;font-size:12px;}
.homepage-native-downloads .bean-workbook-line{display:block;}
.homepage-native-downloads .product-option-form{grid-column:1/-1;}
/* Product specifications use their own tile scale. The homepage horizontal
   frame fits five; vertical/full frames retain that tile size and add columns. */
@layer photon-order-layout {
  html body .homepage-native-downloads .pure-choices .channel-console[data-photon-order="true"]{
    background:#000!important;
  }
  html body .homepage-native-downloads .pure-choices .product-area-panel{container-type:inline-size!important;}
  html body .homepage-native-downloads .pure-choices .channel-console[data-photon-order="true"] .product-area-grid{
    /* The compact frame retains --bean-chat-width when expanded. Its 130px
       content gutters, 22px details inset and 18px console inset leave the
       horizontal specification width. Keep this reference in other structures. */
    --spec-horizontal-width:calc(var(--bean-chat-width,430px) - 130px - 22px - 18px);
    --spec-tile-size:min(calc((var(--spec-horizontal-width) - 20px)/5),calc((100cqw - 20px)/5));
    grid-auto-rows:var(--spec-tile-size)!important;
  }
  html body .homepage-native-downloads .pure-choices .channel-console[data-photon-order="true"] .product-area-card{
    display:grid!important;place-items:center!important;
    width:var(--spec-tile-size)!important;height:var(--spec-tile-size)!important;
    min-height:0!important;aspect-ratio:1!important;padding:3px!important;
    border:0!important;border-radius:9px!important;overflow:hidden!important;
    background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--product-accent-a,#62efff) 10%,transparent),transparent 70%),#020205!important;
    outline:none!important;box-shadow:none!important;
  }
  html body .homepage-native-downloads .pure-choices .channel-console[data-photon-order="true"] .product-area-card:hover,
  html body .homepage-native-downloads .pure-choices .channel-console[data-photon-order="true"] .product-area-card:focus-visible{
    z-index:3!important;transform:translateY(-1px) scale(1.035)!important;
    filter:brightness(1.12)!important;
  }
}
@layer pure-chat-layout {
  html body .homepage-native-downloads .pure-choices .product-area-grid{
    grid-template-columns:repeat(5,var(--spec-tile-size))!important;
    justify-content:start!important;gap:5px!important;
  }
  html body #bean-chat-overlay:is([data-agent-structure="vertical"],[data-agent-structure="full"],.is-expanded) .homepage-native-downloads .pure-choices .product-area-grid{
    grid-template-columns:repeat(auto-fill,var(--spec-tile-size))!important;
  }
}
.homepage-native-downloads .product-area-card>.area-double-flow{
  position:absolute;z-index:6;inset:0;padding:1px;border-radius:inherit;
  background:conic-gradient(from var(--product-flow-angle),transparent 0deg,
    color-mix(in srgb,var(--product-accent-a,#5eefff) 16%,transparent) 10deg,
    color-mix(in srgb,var(--product-accent-a,#5eefff) 52%,transparent) 32deg,
    var(--product-accent-a,#5eefff) 56deg,transparent 76deg,transparent 180deg,
    color-mix(in srgb,var(--product-accent-b,#ff58d3) 16%,transparent) 190deg,
    color-mix(in srgb,var(--product-accent-b,#ff58d3) 52%,transparent) 212deg,
    var(--product-accent-b,#ff58d3) 236deg,transparent 256deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:product-area-double-flow var(--product-flow-speed,6.4s) linear infinite;
  animation-delay:var(--product-flow-delay,0s);pointer-events:none;
}
@property --product-flow-angle{syntax:"<angle>";inherits:false;initial-value:0deg;}
@keyframes product-area-double-flow{to{--product-flow-angle:360deg;}}
@media (prefers-reduced-motion:reduce){.homepage-native-downloads .product-area-card>.area-double-flow{animation:none;}}