/* Model showcase: clear media, a shared type scale, and consistent bottom alignment. */
.home-dashboard:has(.home-models) .hd-entry{width:min(1400px,calc(100% - 64px));top:46%;gap:26px}
.home-dashboard:has(.home-models) .hd-welcome h1{font-size:clamp(36px,3.5vw,56px);margin-bottom:12px}
.home-dashboard:has(.home-models) .hd-focus{grid-template-columns:1fr 1fr;gap:20px}
.home-dashboard:has(.home-models) .hd-hero-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:120px;padding:24px;border-radius:18px}
.home-dashboard:has(.home-models) .hd-hero-card .hd-icon-frame{width:56px;height:56px;margin:0}
.home-dashboard:has(.home-models) .hd-hero-card .hd-icon{width:80px;height:80px}
.home-dashboard:has(.home-models) .hd-hero-card h2{font-size:22px;line-height:1.25;margin:0 0 6px}
.home-dashboard:has(.home-models) .hd-hero-card p{font-size:13px;line-height:1.5;max-width:30ch}
.home-dashboard:has(.home-models) .hd-card-action{margin:0;min-height:40px;padding:10px 13px;gap:14px;font-size:13px;white-space:nowrap}
.home-dashboard:has(.home-models) .hd-card-action svg{width:18px;height:18px}
.home-dashboard:has(.home-models) .hd-scroll{min-height:44px;bottom:16px;padding:4px 12px;gap:7px}
.home-dashboard:has(.home-models) .hd-scroll span{font-size:11px}
.home-models{--hm-radius:20px;--hm-secondary:#cac9d1;--hm-border:rgba(255,255,255,.18);min-width:0;color:var(--text)}
.hm-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}
.hm-heading h2{margin:0;font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.035em}
.hm-heading-controls{display:flex;align-items:center;gap:12px}
.hm-tabs{display:flex;padding:4px;border:1px solid #ffffff20;border-radius:12px;background:rgba(20,21,26,.8);box-shadow:inset 0 1px 0 #ffffff09;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hm-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:8px 18px;border:0;border-radius:8px;background:transparent;color:#b3b2be;font-size:13px;font-weight:500;cursor:pointer}
.hm-tabs button[aria-selected=true]{color:#f6f5f8;background:#ffffff18;box-shadow:inset 0 1px 0 #ffffff12}
.hm-tabs svg{width:16px;height:16px;flex:none}
.hm-motion{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff20;border-radius:11px;background:#17181dcc;color:#d6d5df;cursor:pointer}
.hm-motion svg{width:17px;height:17px}
.hm-motion[hidden],.hm-grid[hidden],#hm-panel-image[hidden]{display:none}
.hm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0}
#hm-panel-image{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-card{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:stretch;justify-content:flex-end;flex-direction:column;min-width:0;height:clamp(370px,42vh,460px);border:1px solid var(--hm-border);border-radius:var(--hm-radius);background:var(--panel);box-shadow:0 16px 38px #0003,inset 0 1px 0 #ffffff12}
.hm-media{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#151519;pointer-events:none}
.hm-media img,.hm-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}
/* The official YouTube thumbnail includes side mattes; fill the card while its player loads. */
.hm-card[data-home-model="h3_max"] .hm-media>img{transform:none}
.hm-media video,.hm-media iframe{opacity:0;transition:opacity 180ms ease}
.hm-media iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.hm-media .is-playing{opacity:1}
.hm-card::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#07070908 0%,#07070905 22%,#07070965 39%,#070709e8 58%,#070709f7 78%,#070709 100%);pointer-events:none}
.hm-card::after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff19;pointer-events:none}
.hm-card[data-home-model="seedance2_5"]{border-color:#c8bed53b;box-shadow:0 16px 38px #0003,0 0 18px #c8c6d418,inset 0 1px 0 #ffffff12}
.hm-card[data-home-model="seedance2_5"]::after{padding:1px;background:conic-gradient(from var(--hm-edge-angle),transparent 0deg 270deg,#d8d6e414 300deg,#eeedf67a 325deg,#ffffffd9 338deg,#e4e1f13d 345deg,transparent 356deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;animation:hm-featured-glow 9s linear infinite;box-shadow:none}
@property --hm-edge-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes hm-featured-glow{to{--hm-edge-angle:360deg}}
@media(prefers-reduced-motion:reduce){.hm-card[data-home-model="seedance2_5"]::after{animation:none}}
.hm-card-copy{padding:0 28px 25px}
.hm-card-copy h3{margin:0 0 10px;font-size:28px;line-height:1.2;letter-spacing:-.04em;font-weight:500;text-wrap:balance}
.hm-card-copy>p{margin:0;min-height:42px;max-width:35ch;font-size:14px;line-height:1.5;color:var(--hm-secondary);text-wrap:pretty}
.hm-ratings{display:grid;gap:10px;margin:22px 0}
.hm-rating{display:grid;grid-template-columns:68px minmax(0,1fr) 34px;align-items:center;gap:12px;font-size:13px;color:#d8d6df}
.hm-rating>span:first-child{color:#c1becb}
.hm-rating>span:last-child{font-size:14px;font-weight:500;text-align:right;color:#eeebf5;font-variant-numeric:tabular-nums}
.hm-rating small{font-size:11px;color:#aca8b9;font-weight:400;margin-left:1px}
.hm-rating-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;justify-self:end;width:min(100%,150px)}
.hm-rating-bars i{display:block;height:5px;border-radius:2px;background:#ffffff25}
.hm-rating-bars i.is-filled{background:#e0dce9}
.hm-card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid #ffffff20}
.hm-cost{display:inline-flex;align-items:center;gap:7px;font-size:18px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.hm-cost>svg{width:19px;height:19px;flex:none;color:#d9d4e5}
.hm-cost>small{font-size:12px;font-weight:400;color:#c0bacb;margin-left:1px}
.hm-use{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 14px;border:1px solid #ffffff32;border-radius:10px;background:linear-gradient(140deg,#ffffff16,#ffffff08);box-shadow:inset 0 1px 0 #ffffff0b;color:#f5f3f8;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}
.hm-use svg{width:18px;height:18px;flex:none}
.hm-section-footer{display:flex;justify-content:flex-end;min-height:28px;margin-top:3px}
.hm-section-footer button{min-height:28px;padding:5px 0 2px 10px;border:0;background:none;color:#92929f;font-size:11px;cursor:pointer;text-underline-offset:3px}
.home-models :is(button,a):focus-visible{outline:2px solid #e8e3f3;outline-offset:3px}
.home-models button:active{transform:scale(.97)}
.hm-details{width:min(560px,calc(100vw - 32px));max-height:85svh;overflow:auto;padding:28px;border:1px solid #ffffff2d;border-radius:20px;background:#16171df7;color:var(--text);box-shadow:0 24px 90px #0009}
.hm-details::backdrop{background:#0009;backdrop-filter:blur(8px)}
.hm-details>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.hm-details h2{margin:0;font-size:22px;font-weight:500;letter-spacing:-.035em}
.hm-details h3{margin:0 0 8px;font-size:17px;font-weight:500;line-height:1.5}
.hm-details header button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff06;cursor:pointer}
.hm-details header svg{width:18px;height:18px}
.hm-details p{font-size:12px;line-height:1.7;color:#bbbccc}
.hm-credit-list>section{border-top:1px solid #ffffff20;padding:22px 0;margin-top:18px}
.hm-details dl{display:grid;grid-template-columns:84px 1fr;gap:9px 16px;margin:18px 0;font-size:12px;line-height:1.6}
.hm-details dt{color:#a2a4b1}.hm-details dd{margin:0;overflow-wrap:anywhere}
.hm-details footer{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px}
.hm-details a{font-size:12px;color:#e0dce9;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){.hm-use:hover{background:#ffffff23;border-color:#ffffff55}.hm-motion:hover{color:#fff;background:#303139}.hm-tabs button:hover{color:#fff}.hm-section-footer button:hover{color:#dedbe7;text-decoration:underline}}
@media(max-width:1500px) and (min-width:1051px){.home-dashboard:has(.home-models) .hd-entry{width:calc(100% - 56px);gap:22px}.home-dashboard:has(.home-models) .hd-hero-card{gap:16px;padding:21px;min-height:112px}.home-dashboard:has(.home-models) .hd-hero-card .hd-icon-frame{width:48px;height:48px}.home-dashboard:has(.home-models) .hd-hero-card .hd-icon{width:69px;height:69px}.home-dashboard:has(.home-models) .hd-hero-card h2{font-size:20px}.home-dashboard:has(.home-models) .hd-card-action{font-size:12px;padding:9px 11px}.hm-card-copy{padding:0 24px 23px}.hm-card-copy h3{font-size:25px}.hm-ratings{margin:20px 0}.hm-use{font-size:12px;padding:10px 12px}.hm-cost{font-size:17px}}
@media(max-width:1050px) and (min-width:721px){.home-dashboard:has(.home-models) .hd-entry{width:calc(100% - 48px);gap:22px}.home-dashboard:has(.home-models) .hd-hero-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px;min-height:108px}.home-dashboard:has(.home-models) .hd-hero-card h2{font-size:18px}.home-dashboard:has(.home-models) .hd-hero-card .hd-icon-frame{width:44px;height:44px}.home-dashboard:has(.home-models) .hd-hero-card .hd-icon{width:63px;height:63px}.home-dashboard:has(.home-models) .hd-card-action{grid-column:2;min-height:22px;padding:0;border:0;background:none;box-shadow:none;font-size:12px;color:#eeeaf4}.home-dashboard:has(.home-models) .hd-hero-card p{display:none}.hm-grid,#hm-panel-image{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#4a4b53 transparent;padding:2px 2px 8px;margin:0 -2px}.hm-card{width:340px;flex:0 0 340px;height:360px;scroll-snap-align:start}.hm-card-copy{padding:0 24px 22px}.hm-card-copy h3{font-size:25px}.hm-heading h2{font-size:21px}}
@media(max-height:780px) and (min-width:721px){.home-dashboard:has(.home-models) .hd-entry{top:45%;gap:16px}.home-dashboard:has(.home-models) .hd-welcome h1{font-size:36px;margin-bottom:8px}.home-dashboard:has(.home-models) .hd-welcome p{font-size:13px}.home-dashboard:has(.home-models) .hd-hero-card{min-height:88px;padding:16px}.hm-heading{margin-bottom:12px}.hm-heading h2{font-size:21px}.hm-tabs button{min-height:32px;padding:6px 13px;font-size:12px}.hm-card{height:300px}.hm-card-copy{padding:0 20px 18px}.hm-card-copy h3{font-size:23px;margin-bottom:8px}.hm-card-copy>p{font-size:12px;min-height:36px}.hm-ratings{margin:15px 0;gap:8px}.hm-rating{font-size:12px}.hm-card-foot{padding-top:13px}.hm-use{min-height:38px;padding:8px 11px;font-size:12px}.hm-cost{font-size:16px}.hm-section-footer{margin-top:0}}
@media(max-width:720px){.home-dashboard:has(.home-models) .hd-entry{width:calc(100% - 36px);top:46%;gap:20px}.home-dashboard:has(.home-models) .hd-welcome h1{font-size:30px;line-height:1.15;margin-bottom:10px}.home-dashboard:has(.home-models) .hd-welcome p{font-size:12px;max-width:28ch}.home-dashboard:has(.home-models) .hd-focus{gap:12px}.home-dashboard:has(.home-models) .hd-hero-card{grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:106px;padding:14px;border-radius:14px}.home-dashboard:has(.home-models) .hd-hero-card .hd-icon-frame{width:34px;height:34px}.home-dashboard:has(.home-models) .hd-hero-card .hd-icon{width:49px;height:49px}.home-dashboard:has(.home-models) .hd-hero-card h2{font-size:14px;line-height:1.3;margin:0}.home-dashboard:has(.home-models) .hd-hero-card p{display:none}.home-dashboard:has(.home-models) .hd-card-action{grid-column:1/-1;width:100%;min-height:22px;padding:0;border:0;box-shadow:none;background:none;font-size:11px;color:#e3e2ea}.hm-heading{gap:12px;margin-bottom:12px}.hm-heading h2{font-size:18px}.hm-heading-controls{gap:5px}.hm-tabs{padding:3px;border-radius:9px}.hm-tabs button{min-height:32px;padding:7px 9px;gap:6px;font-size:11px}.hm-tabs svg{width:13px;height:13px}.hm-motion{width:30px;height:38px;border:0;background:none}.hm-grid,#hm-panel-image{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 2px 5px;margin:0 -2px}.hm-grid::-webkit-scrollbar{display:none}.hm-card{width:min(84vw,370px);flex:0 0 min(84vw,370px);height:330px;scroll-snap-align:start;border-radius:18px}.hm-card-copy{padding:0 22px 20px}.hm-card-copy h3{font-size:24px;margin-bottom:8px}.hm-card-copy>p{font-size:12px;min-height:36px}.hm-ratings{margin:18px 0;gap:8px}.hm-rating{font-size:12px;gap:9px;grid-template-columns:60px minmax(0,1fr) 30px}.hm-rating-bars{max-width:120px;gap:4px}.hm-rating>span:last-child{font-size:13px}.hm-card-foot{padding-top:14px;gap:10px}.hm-cost{font-size:16px}.hm-cost>svg{width:17px;height:17px}.hm-cost>small{font-size:11px}.hm-use{min-height:40px;padding:10px 12px;gap:9px;font-size:12px}.hm-use svg{width:17px;height:17px}.hm-section-footer{min-height:28px;margin-top:0}.hm-section-footer button{font-size:10px}.home-dashboard:has(.home-models) .hd-scroll{bottom:10px;gap:5px}.home-dashboard:has(.home-models) .hd-scroll span{font-size:10px}.hm-details{padding:22px}}
@media(max-width:720px) and (max-height:740px){.home-dashboard:has(.home-models) .hd-entry{top:46%;gap:12px}.home-dashboard:has(.home-models) .hd-welcome h1{font-size:27px;margin-bottom:7px}.home-dashboard:has(.home-models) .hd-welcome p{font-size:11px;line-height:1.5}.home-dashboard:has(.home-models) .hd-hero-card{min-height:87px;padding:11px;gap:6px 9px}.hm-heading{margin-bottom:8px}.hm-card{height:270px}.hm-card-copy{padding:0 18px 15px}.hm-card-copy h3{font-size:22px;margin-bottom:7px}.hm-card-copy>p{font-size:11px;min-height:32px}.hm-ratings{margin:12px 0;gap:6px}.hm-rating{font-size:11px}.hm-rating-bars{max-width:112px}.hm-card-foot{padding-top:11px}.hm-use{min-height:36px;padding:8px 11px}.hm-section-footer{min-height:24px}.hm-section-footer button{min-height:24px;padding:2px 0 2px 10px}.home-dashboard:has(.home-models) .hd-scroll{bottom:7px;gap:4px;min-height:34px}}
@media(max-height:560px){.home-dashboard:has(.home-models) .hd-entry{top:20px;max-height:calc(100svh - 80px);overflow-y:auto;transform:translateX(-50%)!important;scrollbar-width:thin;scrollbar-color:#686871 transparent;padding:4px 4px 12px}.home-dashboard:has(.home-models) .hd-scroll{bottom:4px;min-height:38px;gap:3px}.home-dashboard:has(.home-models) .hd-scroll span{font-size:10px}.home-dashboard:has(.home-models) .hd-scroll svg{width:15px;height:15px}.hm-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.hm-media video,.hm-media iframe{transition:none}.home-models button:active{transform:none}.hm-grid{scroll-behavior:auto}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.hm-tabs{background:#18191f}.hm-card::before{background:linear-gradient(transparent,#070709 42%)}.hm-details{background:#16171d}.hm-details::backdrop{backdrop-filter:none}}

/* Compact model identity and a quieter two-column comparison. */
.home-models .hm-card{border-color:var(--hm-border);transition:border-color 180ms ease,box-shadow 180ms ease}
.home-models .hm-card-copy{padding:0 24px 22px}
.hm-model-heading{display:flex;align-items:center;gap:12px;min-width:0}
.hm-model-heading>div{min-width:0}
.hm-model-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--hm-border);border-radius:10px;background:#ffffff09;color:var(--text);box-shadow:inset 0 1px 0 #ffffff0a}
.hm-model-icon svg{width:18px;height:18px;stroke-width:1.5}
.home-models .hm-model-heading h3{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:0 0 5px;text-wrap:balance}
.hm-model-heading p{margin:0;font-size:12px;line-height:1.45;color:var(--hm-secondary);text-wrap:pretty}
.home-models .hm-ratings{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 22px}
.home-models .hm-rating{grid-template-columns:1fr auto;gap:9px 8px;font-size:12px}
.home-models .hm-rating>span:first-child{color:var(--hm-secondary)}
.home-models .hm-rating>span:last-child{grid-column:2;grid-row:1;font-size:13px;line-height:1}
.home-models .hm-rating-bars{grid-column:1/-1;grid-row:2;width:100%;max-width:none;gap:4px}
.home-models .hm-rating-bars i{height:3px;border-radius:2px;background:#ffffff1c}
.home-models .hm-rating-bars i.is-filled{background:#dddbe4}
.home-models .hm-card-foot{padding-top:17px;border-color:#ffffff14;gap:12px}
.home-models .hm-cost{font-size:15px;gap:6px}
.home-models .hm-cost>svg{width:16px;height:16px}
.home-models .hm-cost>small{font-size:11px;margin-left:0}
.home-models .hm-use{min-height:40px;padding:9px 12px;font-size:12px;gap:14px;border-color:#ffffff24;background:linear-gradient(145deg,#ffffff12,#ffffff05);border-radius:9px;transition:background 160ms ease,border-color 160ms ease,transform 160ms ease}
.home-models .hm-use svg{width:17px;height:17px}
@media(hover:hover) and (pointer:fine){.home-models .hm-use:hover{background:#ffffff1c;border-color:#ffffff40}.home-models .hm-card:hover{border-color:#ffffff42}}
@media(max-width:1050px){.home-models .hm-model-heading h3{font-size:21px}.home-models .hm-card-copy{padding:0 20px 20px}.home-models .hm-ratings{gap:20px;margin:22px 0 20px}}
@media(max-height:780px) and (min-width:721px){.home-models .hm-model-heading h3{font-size:21px}.home-models .hm-ratings{margin:18px 0}.home-models .hm-card-copy{padding:0 20px 18px}}
@media(max-width:720px){.home-models .hm-model-heading h3{font-size:20px}.hm-model-icon{flex-basis:32px;width:32px;height:32px;border-radius:9px}.hm-model-icon svg{width:17px;height:17px}.hm-model-heading{gap:10px}.home-models .hm-rating{font-size:11px}.home-models .hm-cost{font-size:14px}.home-models .hm-use{min-height:40px}}
@media(prefers-reduced-motion:reduce){.home-models .hm-card,.home-models .hm-use{transition:none}}

/* Home media switch: restrained glass segmented control. */
.home-models .hm-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:4px;border:1px solid #ffffff16;border-radius:13px;background:#20212699;box-shadow:inset 0 1px 2px #0004,0 3px 12px #0002;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
.home-models .hm-tabs::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:9px;background:linear-gradient(180deg,#ffffff20,#ffffff12);box-shadow:inset 0 1px 0 #ffffff24,0 1px 4px #0005;transform:translateX(0);transition:transform 220ms cubic-bezier(.22,.8,.25,1);pointer-events:none}
.home-models .hm-tabs:has([data-home-model-tab="image"][aria-selected="true"])::before{transform:translateX(100%)}
.home-models .hm-tabs button{min-width:78px;min-height:34px;padding:8px 18px;border:0;border-radius:9px;background:transparent;box-shadow:none;color:#a9a9b1;font-size:12px;line-height:1.2;font-weight:500;letter-spacing:-.01em;transition:color 140ms ease}
.home-models .hm-tabs button[aria-selected="true"]{color:#fafafa;background:transparent;box-shadow:none}
.home-models .hm-tabs button:active{transform:none;color:#fff}
@media(max-width:720px){.home-models .hm-tabs button{min-width:66px;min-height:32px;padding:8px 14px}}
@media(prefers-reduced-motion:reduce){.home-models .hm-tabs::before,.home-models .hm-tabs button{transition:none}}
@media(prefers-reduced-transparency:reduce){.home-models .hm-tabs{background:#24252a;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Five clear symbols show both earned and remaining rating levels. */
.home-models .hm-rating{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.home-models .hm-rating>span:first-child{font-size:12px;font-weight:500;line-height:1.3;color:var(--hm-secondary,#c1becb)}
.home-models .hm-rating-icons{display:flex;align-items:center;gap:6px}
.home-models .hm-rating-icon{display:grid;place-items:center;width:20px;height:22px;color:#ffffff36}
.home-models .hm-rating-icon svg{width:19px;height:19px;fill:transparent;stroke:currentColor;stroke-width:1.3}
.home-models .hm-rating-icon.is-filled{color:#fff}
.home-models .hm-rating-icon.is-filled svg{fill:#fff;stroke:#fff}
@media(max-width:720px){.home-models .hm-rating-icons{gap:5px}.home-models .hm-rating-icon{width:18px}.home-models .hm-rating-icon svg{width:18px;height:18px}}