:root {
    color-scheme: dark;
    --sd-bg: #101116;
    --sd-panel: #202127;
    --sd-panel-2: #18191f;
    --sd-line: #3b3d46;
    --sd-muted: #aeb1bd;
    --sd-text: #f7f7fa;
    --sd-yellow: #ffe500;
    --sd-promo: 0px;
    --sd-topbar: 64px;
    --sd-sidebar: 288px;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--sd-bg); }
body { margin: 0; min-width: 320px; overflow: hidden; color: var(--sd-text); background: var(--sd-bg); font-size: 16px; line-height: 1.55; }
body.sd-has-promo { --sd-promo: 60px; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img, video, svg { display: block; max-width: 100%; }
:focus-visible { outline: 3px solid var(--sd-yellow); outline-offset: 3px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.sd-promo {
    position: fixed; inset: 0 0 auto; z-index: 70; height: var(--sd-promo); display: grid;
    grid-template-columns: 90px 1fr 140px; align-items: center; gap: 14px; padding: 0 5.5%;
    color: #111; background: #fff7df;
}
.sd-promo > span { width: fit-content; padding: 2px 10px; border: 1px solid #111; border-radius: 4px; font-size: .72rem; letter-spacing: .08em; }
.sd-promo p { margin: 0; text-align: center; }
.sd-promo p strong { color: #ff7a19; }
.sd-promo > a { justify-self: end; padding: 9px 22px; border-radius: 999px; color: #fff; background: #050505; font-size: .8rem; font-weight: 800; }

.sd-topbar {
    position: fixed; inset: var(--sd-promo) 0 auto; z-index: 60; height: var(--sd-topbar); display: flex;
    align-items: center; gap: 16px; padding: 0 16px 0 24px; border-bottom: 1px solid var(--sd-line);
    background: #111217;
}
.sd-icon-button { width: 24px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; color: #fff; background: transparent; cursor: pointer; }
.sd-mobile-sidebar-toggle { display: none; }
.sd-brand { display: inline-flex; min-width: 0; align-items: center; gap: 10px; font-weight: 850; white-space: nowrap; }
.sd-brand__mark { width: 31px; color: var(--sd-yellow); }
.sd-brand__name { font-size: 1.78rem; line-height: 1; letter-spacing: -.045em; }
.sd-brand__name strong { color: var(--sd-yellow); }
.sd-topbar__actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.sd-upgrade, .sd-signin { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 7px; font-weight: 800; }
.sd-upgrade { gap: 7px; padding: 0 14px; color: #111; background: var(--sd-yellow); }
.sd-upgrade span { padding: 2px 6px; border-radius: 3px; color: #fff; background: #ed38aa; font-size: .64rem; }
.sd-signin { padding: 0 14px; border: 1px solid #646771; }

.sd-shell { min-height: 100vh; padding-top: calc(var(--sd-promo) + var(--sd-topbar)); }
.sd-sidebar {
    position: fixed; z-index: 50; inset: calc(var(--sd-promo) + var(--sd-topbar)) auto 0 0;
    width: var(--sd-sidebar); overflow-y: auto; border-right: 1px solid var(--sd-line); background: #111217;
    scrollbar-width: thin; transition: width .3s ease, transform .22s ease;
}
.sd-sidebar nav, .sd-sidebar__group { padding: 12px 0; border-bottom: 1px solid var(--sd-line); }
.sd-sidebar__primary { padding-top: 0 !important; }
.sd-sidebar__toggle { width: 100%; min-height: 56px; display: flex; align-items: center; gap: 10px; padding: 8px 18px; border: 0; border-bottom: 1px solid var(--sd-line); border-left: 3px solid var(--sd-yellow); color: var(--sd-yellow); background: #181920; text-align: left; cursor: pointer; }
.sd-sidebar__toggle:hover { background: #23252d; }
.sd-sidebar__toggle > span { display: grid; place-items: center; flex: 0 0 auto; }
.sd-sidebar__toggle > .sd-sidebar-toggle__open { display: none; }
.sd-sidebar__toggle-label { color: #fff; font-size: .9375rem; font-weight: 750; }
.sd-sidebar__group { margin: 0; }
.sd-sidebar__group h2 { margin: 0; padding: 6px 8px 8px; color: #aeb6c8; font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }
.sd-sidebar__group-toggle { width: 100%; min-height: 34px; display: flex; align-items: center; justify-content: space-between; padding: 4px 12px 6px 8px; border: 0; color: #aeb6c8; background: transparent; font-size: .72rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
.sd-sidebar__group-toggle svg { transform: rotate(90deg); transition: transform .18s ease; }
.sd-sidebar__group-toggle[aria-expanded="true"] svg { transform: rotate(-90deg); }
.sd-sidebar__group [data-sidebar-group-panel][hidden] { display: none; }
.sd-sidebar a, .sd-sidebar__upgrade { min-height: 44px; display: flex; align-items: center; gap: 10px; padding: 8px; border-left: 3px solid transparent; font-size: .9375rem; }
.sd-sidebar a svg { flex: 0 0 auto; }
.sd-sidebar a span { min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sd-sidebar a em { padding: 2px 5px; border-radius: 3px; color: #111; background: var(--sd-yellow); font-size: .6rem; font-style: normal; font-weight: 850; }
.sd-sidebar a em.sd-sidebar-badge--hot { color: #fff; background: #ff4e45; }
.sd-sidebar a em + em { margin-left: -6px; }
.sd-sidebar a:hover { background: #1d1e24; }
.sd-sidebar a.is-current { border-left-color: var(--sd-yellow); color: var(--sd-yellow); background: #3d484d; }
.sd-sidebar__upgrade { border-bottom: 1px solid var(--sd-line); }
.sd-sidebar__upgrade em { color: #fff !important; background: #ed38aa !important; }
.sd-sidebar-backdrop { display: none; }

.sd-main { height: calc(100vh - var(--sd-promo) - var(--sd-topbar)); margin-left: var(--sd-sidebar); overflow-y: auto; overflow-x: clip; scrollbar-width: thin; transition: margin-left .3s ease; }
.sd-kind-home, .sd-kind-prompt, .sd-category-explore, .sd-category-chat { --sd-sidebar: 64px; }
.sd-kind-home .sd-sidebar a, .sd-kind-prompt .sd-sidebar a, .sd-category-explore .sd-sidebar a, .sd-category-chat .sd-sidebar a { justify-content: center; padding-inline: 0; }
.sd-kind-home .sd-sidebar a span, .sd-kind-home .sd-sidebar__group h2, .sd-kind-home .sd-sidebar__upgrade span,
.sd-kind-prompt .sd-sidebar a span, .sd-kind-prompt .sd-sidebar__group h2, .sd-kind-prompt .sd-sidebar__upgrade span,
.sd-category-explore .sd-sidebar a span, .sd-category-explore .sd-sidebar__group h2, .sd-category-explore .sd-sidebar__upgrade span,
.sd-category-chat .sd-sidebar a span, .sd-category-chat .sd-sidebar__group h2, .sd-category-chat .sd-sidebar__upgrade span { display: none; }
.sd-kind-home .sd-sidebar__group-toggle, .sd-kind-prompt .sd-sidebar__group-toggle, .sd-category-explore .sd-sidebar__group-toggle, .sd-category-chat .sd-sidebar__group-toggle { display: none; }
.sd-kind-home .sd-sidebar a, .sd-kind-prompt .sd-sidebar a, .sd-category-explore .sd-sidebar a, .sd-category-chat .sd-sidebar a { position: relative; }
.sd-kind-home .sd-sidebar a em, .sd-kind-prompt .sd-sidebar a em, .sd-category-explore .sd-sidebar a em, .sd-category-chat .sd-sidebar a em { position: absolute; top: 1px; right: 1px; padding: 1px 3px; font-size: .48rem; }
.sd-kind-home .sd-sidebar a em:nth-of-type(2),
.sd-kind-prompt .sd-sidebar a em:nth-of-type(2), .sd-category-explore .sd-sidebar a em:nth-of-type(2), .sd-category-chat .sd-sidebar a em:nth-of-type(2) { top: 13px; }
.sd-page { width: 100%; min-width: 0; margin: 0 auto; padding: 4px 24px 0; }
.sd-page > * { min-width: 0; }
@supports (content-visibility: auto) {
    .sd-page > section,
    .hl-page > section { content-visibility: auto; contain-intrinsic-size: auto 900px; }
}
.sd-breadcrumbs { margin: 0 4px 12px; color: #91a1b4; font-size: .86rem; }
.sd-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.sd-breadcrumbs li + li::before { content: "›"; margin-right: 7px; color: #677180; }
.sd-breadcrumbs a:hover { color: var(--sd-yellow); }
.sd-primary-action { width: fit-content; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 28px; border-radius: 999px; color: #111; background: var(--sd-yellow); font-weight: 850; box-shadow: 0 10px 26px rgba(255, 229, 0, .18); }

/* Home follows the reference's full-background creator hero. */
.sd-page--home { padding: 0; }
.sd-home-hero { position: relative; z-index: 10; min-height: calc(100vh - var(--sd-promo) - var(--sd-topbar)); isolation: isolate; overflow: visible; }
.sd-home-hero__backdrop { position: absolute; inset: 0; z-index: -2; background: linear-gradient(180deg, rgba(0, 42, 74, .26), rgba(14, 15, 20, .45)), var(--hero-image, radial-gradient(circle at 65% 25%, #205c82, #102739 45%, #0e0f14)); background-size: cover; background-position: center; }
.sd-home-hero__backdrop video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sd-home-hero__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.3); }
.sd-home-hero__content { position: relative; z-index: 1; width: min(1232px, calc(100% - 48px)); margin: 0 auto; padding: 170px 0 40px; text-align: center; }
.sd-home-hero h1 { max-width: 1152px; margin: 0 auto; color: var(--sd-yellow); font-size: 48px; line-height: 48px; letter-spacing: -.035em; }
.sd-home-hero h2 { max-width: 1152px; margin: 16px auto 0; color: #fff; font-size: 20px; line-height: 28px; }
.sd-home-hero__content > p { max-width: 1152px; margin: 12px auto 26px; color: #f1f2f5; font-size: 18px; line-height: 28px; }
.sd-home-tool { padding: 24px; border: 1px solid #4a4d56; border-radius: 14px; background: rgba(30, 33, 39, .92); box-shadow: 0 18px 45px rgba(0,0,0,.32); text-align: left; }
.sd-home-tool form { position: relative; display: grid; gap: 14px; }
.sd-home-tool textarea { width: 100%; min-height: 90px; resize: none; padding: 8px 0 10px 94px; border: 0; color: #fff; background: transparent; outline: 0; }
.sd-home-tool textarea::placeholder { color: #9da2ae; }
.sd-home-tool__actions { display: flex; align-items: center; gap: 12px; }
.sd-square-action { position: absolute; top: 5px; left: 1px; width: 80px; height: 80px; display: grid; place-items: center; border: 2px dashed #636873; color: #adb2be; background: #282c33; transform: rotate(-6deg); cursor: pointer; }
.sd-home-modality { position: relative; width: 141px; min-width: 141px; flex: 0 0 141px; }
.sd-home-modality__trigger { width: 100%; min-height: 48px; display: grid; grid-template-columns: 20px minmax(0, 1fr) 15px; align-items: center; gap: 8px; padding: 0 14px; border: 1px solid #858995; border-radius: 7px; color: #fff; background: rgba(16,17,22,.82); text-align: left; cursor: pointer; }
.sd-home-modality__trigger > span svg { width: 20px; height: 20px; }
.sd-home-modality__trigger > strong { font-size: .83rem; font-weight: 600; white-space: nowrap; }
.sd-home-modality__trigger > svg { transition: transform .18s ease; }
.sd-home-modality__trigger[aria-expanded="true"] > svg { transform: rotate(90deg); }
.sd-home-modality__menu { position: absolute; z-index: 130; top: calc(100% + 8px); left: 0; width: 200px; padding: 7px; border: 1px solid #454955; border-radius: 4px; background: #17181e; box-shadow: 0 20px 44px rgba(0,0,0,.45); }
.sd-home-modality__menu[hidden] { display: none; }
.sd-home-modality__menu button { width: 100%; min-height: 40px; display: grid; grid-template-columns: 22px 1fr; align-items: center; gap: 10px; padding: 0 10px; border: 0; border-radius: 3px; color: #d8dbe2; background: transparent; text-align: left; cursor: pointer; }
.sd-home-modality__menu button:hover, .sd-home-modality__menu button[aria-checked="true"] { color: var(--sd-yellow); background: rgba(255,229,0,.1); }
.sd-home-modality__menu button svg { width: 19px; height: 19px; }
.sd-shared-model { position: relative; min-width: 220px; }
.sd-home-tool .sd-shared-model { min-width: 147px; width: 147px; }
.sd-shared-model__trigger { width: 100%; min-height: 48px; display: grid; grid-template-columns: 20px minmax(0, 1fr) 15px; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid #454955; border-radius: 7px; color: #fff; background: #20242b; text-align: left; cursor: pointer; }
.sd-home-tool .sd-shared-model__trigger { min-height: 36px; padding-inline: 10px; font-size: .78rem; }
.sd-shared-model__trigger img { width: 20px; height: 20px; object-fit: contain; }
.sd-shared-model__trigger > span { white-space: nowrap; }
.sd-shared-model__trigger > svg { transition: transform .18s ease; }
.sd-shared-model__trigger[aria-expanded="true"] > svg { transform: rotate(90deg); }
.sd-shared-model__menu { position: absolute; z-index: 120; top: calc(100% + 8px); left: 0; width: 300px; padding: 0; background: transparent; }
.sd-home-tool .sd-shared-model__menu { top: auto; bottom: calc(100% + 8px); }
.sd-shared-model__menu[hidden], .sd-shared-model__children[hidden] { display: none; }
.sd-shared-model__root-list { width: 300px; max-height: 400px; overflow-y: auto; padding: 4px; border: 1px solid #4a4e59; border-radius: 3px; background: #17181e; box-shadow: 0 24px 58px rgba(0,0,0,.5); }
.sd-shared-model__root-list > button, .sd-shared-model__children > button { width: 100%; min-height: 70px; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px 10px; border: 0; border-left: 2px solid transparent; border-radius: 2px; color: #fff; background: transparent; text-align: left; cursor: pointer; }
.sd-shared-model__root-list > button:hover, .sd-shared-model__root-list > button[aria-expanded="true"], .sd-shared-model__children > button:hover, .sd-shared-model__children > button[aria-checked="true"] { border-left-color: var(--sd-yellow); background: #272a32; }
.sd-shared-model__menu button img { width: 26px; height: 26px; object-fit: contain; }
.sd-shared-model__menu button > span { min-width: 0; display: grid; gap: 3px; }
.sd-shared-model__menu button strong { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.sd-shared-model__menu button small { color: #aeb2bd; font-size: .72rem; line-height: 1.35; }
.sd-shared-model__menu button em { padding: 1px 5px; border-radius: 999px; color: #111; background: var(--sd-yellow); font-size: .5rem; font-style: normal; }
.sd-shared-model__root-list > button[aria-expanded="true"] > svg { transform: none; }
.sd-shared-model__submenus { position: absolute; top: 4px; left: 296px; }
.sd-shared-model__children { width: 320px; max-height: 400px; overflow-y: auto; padding: 4px; border: 1px solid #4a4e59; border-radius: 3px; background: #17181e; box-shadow: 0 24px 58px rgba(0,0,0,.5); }
.sd-shared-model__children > button { min-height: 82px; }
.sd-home-generate, .sd-home-workflow { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 18px; border: 0; border-radius: 3px; font-weight: 750; }
.sd-home-generate { margin-left: auto; color: #fff; background: #132534; }
.sd-home-workflow { margin-left: auto; color: #111; background: var(--sd-yellow); }
.sd-prompt-hints { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; }
.sd-prompt-hints span { color: #e2e4e8; }
.sd-prompt-hints button { padding: 7px 12px; border: 1px solid #59616b; border-radius: 4px; color: #e8eaed; background: rgba(25,28,34,.72); }
.sd-api-strip { max-width: 1104px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; margin: 64px auto 0; padding: 34px 40px; border: 1px solid #373a43; border-radius: 14px; background: #18191e; }
.sd-api-strip p { margin: 0; color: var(--sd-yellow); font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.sd-api-strip h2 { margin: 0; font-size: 1.45rem; }
.sd-api-strip a { display: flex; align-items: center; gap: 8px; color: var(--sd-yellow); font-weight: 800; }

/* Shared generation workspace. */
.sd-tool { display: grid; grid-template-columns: minmax(360px, 420px) minmax(0, 1fr); gap: 24px; margin: 1px 0 72px; }
.sd-tool__form, .sd-tool__preview { min-width: 0; margin: 0; border: 1px solid #444750; border-radius: 14px; background: #23242b; }
.sd-tool__form { padding: 24px; }
.sd-tool__title-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.sd-tool__title-row h1, .sd-tool__heading { margin: 0; color: #fff; font-size: 1.15rem; font-weight: 800; }
.sd-model-picker { min-height: 38px; display: flex; align-items: center; padding: 0 8px; border: 1px solid #444751; border-radius: 4px; background: #191a20; }
.sd-model-picker select { width: auto; max-width: 210px; min-height: 32px; border: 0; color: var(--sd-yellow); background: transparent; font-size: .8rem; font-weight: 800; }
.sd-model-locked { min-height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid #444751; border-radius: 5px; color: var(--sd-yellow); background: #191a20; font-size: .8rem; font-weight: 800; }
.sd-effect-chip { display: flex; align-items: center; gap: 10px; margin-top: 18px; padding: 10px 12px; background: #1b1c22; }
.sd-effect-chip img { width: 48px; height: 48px; object-fit: cover; }
.sd-effect-chip strong { flex: 1; }
.sd-tabs { display: grid; grid-template-columns: 1fr 1fr; margin-top: 22px; border-bottom: 1px solid #41434b; }
.sd-tabs--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sd-tabs button { min-height: 44px; border: 0; border-bottom: 2px solid transparent; color: #adb0bc; background: transparent; cursor: pointer; }
.sd-tabs button[aria-selected="true"] { border-color: var(--sd-yellow); color: #fff; font-weight: 800; }
.sd-creator-form { display: grid; gap: 14px; margin-top: 16px; }
.sd-creator-form > label, .sd-creator-form legend { font-size: .82rem; font-weight: 750; }
.sd-creator-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.sd-creator-form > input:not([type="hidden"]), .sd-creator-form > select, .sd-reference-input input { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid #484b55; border-radius: 3px; color: #fff; background: #191a20; }
.sd-creator-form > textarea, .sd-prompt-box textarea { width: 100%; min-height: 140px; resize: vertical; padding: 12px; border: 1px solid #484b55; border-radius: 3px; color: #fff; background: #191a20; }
.sd-prompt-box { position: relative; }
.sd-prompt-box textarea { padding-right: 48px; }
.sd-prompt-action { position: absolute; right: 8px; bottom: 8px; width: 34px; height: 34px; display: grid; place-items: center; border: 0; color: #b8bdc8; background: transparent; }
.sd-reference-input { display: grid; gap: 7px; padding: 12px; border: 1px dashed #5a5d68; }
.sd-reference-input[hidden] { display: none; }
.sd-reference-input p { margin: 0; color: #a1a5b0; font-size: .75rem; }
.sd-reference-input label { font-size: .78rem; font-weight: 750; }
.sd-reference-input label small { color: #9da1ad; font-weight: 500; }
.sd-reference-input input[type="file"] { width: 100%; min-height: 42px; padding: 5px; border: 1px solid #484b55; border-radius: 4px; color: #d7d9df; background: #17181e; }
.sd-reference-input input[type="file"]::file-selector-button { min-height: 30px; margin-right: 10px; padding: 0 12px; border: 0; border-radius: 4px; color: #111; background: var(--sd-yellow); font-weight: 750; cursor: pointer; }
.sd-upload-box { min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 20px; border: 2px dashed #565a65; border-radius: 8px; text-align: center; cursor: pointer; }
.sd-upload-box span { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; color: var(--sd-yellow); background: rgba(255,229,0,.11); }
.sd-upload-box small { color: #9ba0ac; }
.sd-choice-grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 7px; }
.sd-choice-grid--compact-ratio { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.sd-choice-grid--compact-ratio span { padding: 0 4px; font-size: .7rem; }
.sd-choice-grid--video-ratio { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.sd-choice-grid--video-ratio span { min-height: 62px; padding: 0 3px; font-size: .68rem; }
.sd-choice-grid--image-ratio { width: 100%; min-width: 0; max-width: 100%; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 52px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.sd-choice-grid--image-ratio span { min-height: 62px; padding: 0 4px; font-size: .68rem; }
.sd-choice-grid--count { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sd-choice-grid label { min-width: 0; }
.sd-choice-grid input { position: absolute; opacity: 0; pointer-events: none; }
.sd-choice-grid span { min-height: 44px; display: grid; place-items: center; border: 1px solid #4d505a; color: #b5b8c2; cursor: pointer; }
.sd-choice-grid input:checked + span { border-color: var(--sd-yellow); color: var(--sd-yellow); background: rgba(255,229,0,.05); }
.sd-inline-check { display: flex; align-items: center; gap: 9px; color: #d0d2d8; }
.sd-inline-check input { width: 18px; height: 18px; accent-color: var(--sd-yellow); }
.sd-duration-control { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sd-duration-control span { display: flex; align-items: center; gap: 7px; }
.sd-duration-control output { color: var(--sd-yellow); }
.sd-duration-control em { padding: 4px 10px; border-radius: 999px; color: var(--sd-yellow); background: rgba(255,229,0,.1); font-size: .68rem; font-style: normal; }
.sd-creator-form input[type="range"] { width: 100%; accent-color: var(--sd-yellow); }
.sd-generate { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 2px; color: #111; background: var(--sd-yellow); font-weight: 850; cursor: pointer; }
.sd-generate:disabled { opacity: .6; cursor: wait; }
.sd-tool__preview { min-height: 620px; display: flex; flex-direction: column; padding: 24px; }
.sd-tool__preview figcaption { margin-bottom: 16px; color: var(--sd-yellow); font-weight: 800; }
.sd-tool__preview > img, .sd-tool__preview > video { width: 100%; flex: 1; min-height: 360px; max-height: 600px; object-fit: contain; background: #18191e; }
.sd-tool__placeholder { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; color: #aeb1bc; text-align: center; }
.sd-tool__placeholder svg { color: var(--sd-yellow); }
.sd-tool__placeholder strong { color: #fff; font-size: 1.2rem; }
.sd-tool--compact { margin-top: 6px; }
.sd-tool--compact .sd-tool__preview > img, .sd-tool--compact .sd-tool__preview > video { object-fit: contain; }
.sd-tool--minimax-h3 .sd-tool__preview > video { flex: none; height: 686px !important; min-height: 0; max-height: none !important; margin-top: 0; object-fit: contain !important; }
.sd-required-credits { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 2px 0 0; padding: 12px 14px; border: 1px solid #6b6334; border-radius: 5px; background: #45433f; }
.sd-required-credits dt { font-weight: 750; }
.sd-required-credits dd { margin: 0; color: var(--sd-yellow); font-weight: 850; }
.sd-asset-list { display: grid; align-content: start; gap: 14px; margin: 0; padding: 0; list-style: none; }
.sd-asset-list li { min-width: 0; display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 14px; padding: 14px; border: 1px solid #353842; border-radius: 9px; background: #191a20; }
.sd-asset-list img { width: 76px; height: 76px; border-radius: 7px; object-fit: cover; }
.sd-asset-list li > div { min-width: 0; display: grid; gap: 4px; }
.sd-asset-list span, .sd-asset-list small { color: #aeb2bd; font-size: .76rem; }
.sd-preview-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 18px 0 0; padding: 0; list-style: none; }
.sd-preview-gallery li { min-width: 0; overflow: hidden; border-radius: 9px; background: #191a20; }
.sd-preview-gallery img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.sd-generation-result { margin-top: 14px; padding: 12px; border: 1px solid #484b55; background: #17181d; }
.sd-generation-result[hidden] { display: none; }
.sd-generation-result p { margin: 0 0 10px; }
.sd-generation-result img, .sd-generation-result video { width: 100%; max-height: 440px; object-fit: contain; }
.sd-generation-result audio { width: 100%; }
.sd-generation-result a { display: inline-flex; margin-top: 9px; color: var(--sd-yellow); font-weight: 800; }

/* Editorial hero used by model and standard tool pages. */
.sd-page-hero { min-height: 810px; padding: 0 16px 70px; background: radial-gradient(circle at 60% 48%, rgba(255,229,0,.09), transparent 33%); }
.sd-page-hero .sd-breadcrumbs { margin-left: -12px; }
.sd-page-hero > h1 { max-width: 1072px; margin: 87px auto 51px; text-align: center; font-size: clamp(2.2rem, 3.2vw, 2.625rem); line-height: 1.08; letter-spacing: -.035em; }
.sd-page-hero__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 80px; }
.sd-page-hero__grid h2 { margin: 0; font-size: clamp(1.55rem, 2.25vw, 1.75rem); line-height: 1.3; }
.sd-page-hero__grid p { margin: 22px 0; color: #c3c6cf; font-size: 1.03rem; }
.sd-page-hero__grid ul { display: grid; gap: 13px; margin: 0 0 28px; padding: 0; list-style: none; }
.sd-page-hero__grid li { display: flex; align-items: center; gap: 12px; }
.sd-page-hero__grid li svg { color: var(--sd-yellow); flex: 0 0 auto; }
.sd-page-hero__grid figure { margin: 0; }
.sd-page-hero__grid img, .sd-page-hero__grid video { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 20px; background: #191a20; }
.sd-page-hero:not(.sd-page-hero--post-tool) .sd-page-hero__grid figure { transform: translateY(139px); }
.sd-page-hero--post-tool { min-height: 860px; display: grid; align-content: center; text-align: center; }
.sd-page-hero--post-tool > h1 { margin: 0 auto 28px; }
.sd-page-hero__standfirst { max-width: 760px; margin: 0 auto; color: #c3c6cf; font-size: 1.05rem; }
.sd-hub-hero { padding: 88px 8% 96px; text-align: center; }
.sd-hub-hero h1 { max-width: 960px; margin: 0 auto; font-size: clamp(2.5rem, 4.5vw, 3.8rem); line-height: 1.05; letter-spacing: -.045em; }
.sd-hub-hero h2 { max-width: 880px; margin: 22px auto 0; color: #fff5ad; font-size: clamp(1.35rem, 2.4vw, 2rem); line-height: 1.2; }
.sd-hub-hero p { max-width: 780px; margin: 22px auto 28px; color: #bfc2cc; font-size: 1.05rem; }
.sd-hub-hero .sd-primary-action { margin-inline: auto; }

/* Hub libraries reproduce the pre-H1 cards on Effects, Tools, Explore and Chat. */
.sd-library { padding: 0 24px 80px; }
.sd-library--tools { padding-bottom: 280px; }
.sd-library--effects { padding-bottom: 380px; }
.sd-library__spotlight { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 14px 76px; border-radius: 22px; background: linear-gradient(110deg, #303018, #111a27); }
.sd-library__spotlight a { position: relative; min-width: 0; overflow: hidden; border: 1px solid #5a5d68; border-radius: 16px; }
.sd-library__spotlight img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.sd-library__spotlight strong { position: absolute; inset: auto 20px 18px; color: #fff; font-size: 1.15rem; line-height: 1.25; text-shadow: 0 2px 8px #000; }
.sd-library__heading { margin: 20px 0 12px; color: var(--sd-yellow); font-size: 1.55rem; font-weight: 800; }
.sd-library > nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.sd-library > nav button { min-height: 38px; padding: 0 22px; border: 1px solid #4a4d58; border-radius: 999px; color: #d6d8de; background: transparent; }
.sd-library > nav button[aria-pressed="true"] { border-color: var(--sd-yellow); color: #111; background: var(--sd-yellow); }
.sd-library__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.sd-library__grid li { min-width: 0; }
.sd-library__grid li[hidden] { display: none; }
.sd-library__grid a { position: relative; display: block; overflow: hidden; border-radius: 12px; background: #1b1c22; }
.sd-library__grid img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .25s ease; }
.sd-library__grid video { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .2s ease; }
.sd-library__grid a.is-playing video { opacity: 1; }
.sd-library__grid a:hover img { transform: scale(1.03); }
.sd-library__grid span { position: absolute; z-index: 2; inset: auto 12px 10px; color: #fff; font-size: .86rem; font-weight: 750; text-shadow: 0 2px 8px #000; }
.sd-library--explore .sd-library__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sd-library--explore .sd-library__grid img { aspect-ratio: 6 / 7; }
.sd-chat-studio { min-height: 940px; padding: 90px 5% 70px; text-align: center; }
.sd-category-chat .sd-chat-studio { min-height: 660px; }
.sd-chat-studio > h2 { max-width: 760px; margin: 0 auto 60px; font-size: 2.8rem; line-height: 1.05; }
.sd-chat-studio form { position: relative; max-width: 770px; margin: auto; }
.sd-chat-studio textarea { width: 100%; min-height: 150px; padding: 16px 70px 16px 16px; border: 1px solid #3d4049; border-radius: 16px; color: #fff; background: #15161c; }
.sd-chat-studio form button { position: absolute; right: 14px; bottom: 14px; width: 48px; height: 48px; display: grid; place-items: center; border: 0; border-radius: 10px; color: #111; background: var(--sd-yellow); }
.sd-chat-studio > p { margin: 52px auto 20px; color: #b5b8c3; }
.sd-chat-studio ul { max-width: 770px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: auto; padding: 0; list-style: none; text-align: left; }
.sd-chat-studio li { min-width: 0; }
.sd-chat-studio li a { height: 100%; display: flex; flex-direction: column; overflow: hidden; border-radius: 12px; background: #171820; }
.sd-chat-studio li img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.sd-chat-studio li strong, .sd-chat-studio li span { padding: 0 14px; }
.sd-chat-studio li strong { margin-top: 12px; }
.sd-chat-studio li span { padding-bottom: 14px; color: #a9adb8; font-size: .8rem; }

/* Content modules preserve the source H2 order with distinct visual patterns. */
.sd-section { max-width: 1104px; margin: 0 auto; padding: 96px 16px; }
.sd-section > header { max-width: 940px; margin: 0 auto 48px; text-align: center; }
.sd-section h2, .sd-final-cta h2 { margin: 0; color: #fff5ad; font-size: clamp(2rem, 3.5vw, 2.8rem); line-height: 1.08; letter-spacing: -.035em; }
.sd-section header > p { max-width: 760px; margin: 16px auto 0; color: #b8bbc5; }
.sd-model-cards ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.sd-model-cards li { min-width: 0; }
.sd-model-cards a { height: 100%; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #3b3e48; border-radius: 12px; background: #1a1b21; }
.sd-model-cards img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.sd-model-cards a > span { display: grid; gap: 4px; padding: 14px; }
.sd-model-cards small { color: #a8abb6; line-height: 1.35; }
.sd-model-table { margin-top: 20px; overflow-x: auto; border: 1px solid #3b3e48; border-radius: 10px; }
.sd-model-table table { width: 100%; min-width: 620px; border-collapse: collapse; background: #17181e; }
.sd-model-table caption { padding: 14px 16px; color: #aeb2bd; text-align: left; }
.sd-model-table th, .sd-model-table td { padding: 13px 16px; border-top: 1px solid #333640; text-align: left; }
.sd-model-table thead th { color: var(--sd-yellow); font-size: .76rem; text-transform: uppercase; }
.sd-model-table tbody td { color: #b8bbc5; font-size: .86rem; }
.sd-home-models { position: relative; width: 100%; height: 460px; padding: 56px 32px 34px; background: var(--sd-bg); }
.sd-home-models header h2 { margin: 0; font-size: 1.5rem; line-height: 36px; text-align: center; }
.sd-home-models > ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(2, 104px); gap: 28px 80px; margin: 32px 88px 0; padding: 0; list-style: none; }
.sd-home-models > ul > li { min-width: 0; height: 104px; }
.sd-home-models > ul > li[hidden] { display: none; }
.sd-home-models > ul a { height: 100%; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 16px; padding: 12px 20px; border-radius: 8px; transition: background .18s ease; }
.sd-home-models > ul a:hover { background: rgba(255,255,255,.045); }
.sd-home-models > ul img { width: 40px; height: 40px; object-fit: contain; }
.sd-home-models > ul span { min-width: 0; display: grid; gap: 6px; }
.sd-home-models > ul strong { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 5px 7px; font-size: 1.04rem; line-height: 1.25; }
.sd-home-models > ul strong em { flex: 0 0 auto; padding: 2px 6px; border-radius: 3px; color: #111; background: var(--sd-yellow); font-size: .54rem; font-style: normal; }
.sd-home-models > ul small { display: -webkit-box; overflow: hidden; color: #aeb2bd; font-size: .72rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sd-home-models__arrow { position: absolute; z-index: 2; top: 218px; width: 48px; height: 48px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; color: #fff; background: #292b34; box-shadow: 0 8px 22px rgba(0,0,0,.24); cursor: pointer; }
.sd-home-models__arrow:hover { color: #111; background: var(--sd-yellow); }
.sd-home-models__arrow--previous { left: 36px; }
.sd-home-models__arrow--next { right: 36px; }
.sd-home-models > nav { display: flex; justify-content: center; gap: 10px; margin-top: 28px; }
.sd-home-models > nav button { width: 12px; height: 12px; padding: 0; border: 0; border-radius: 50%; background: #555965; cursor: pointer; }
.sd-home-models > nav button[aria-current="true"] { background: var(--sd-yellow); }
.sd-home-effects { width: 100%; height: 314px; display: grid; grid-template-columns: 480px minmax(0, 1fr); gap: 16px; margin-top: 64px; padding: 0 32px; background: var(--sd-bg); }
.sd-home-effects > header { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 28px 22px; border-radius: 12px; background: linear-gradient(135deg, #6c3c25, #31231e); }
.sd-home-effects > header h2 { margin: 0; color: #fff; font-size: 2.2rem; line-height: 1.1; }
.sd-home-effects > header p { margin: auto 0 0; color: #e1d5cf; font-size: .86rem; line-height: 1.55; }
.sd-home-effects__rail { position: relative; display: grid; grid-template-columns: repeat(3, 218px); align-content: center; gap: 20px; overflow: hidden; }
.sd-home-effects__rail > a { position: relative; height: 266px; display: flex; flex-direction: column; overflow: hidden; border-radius: 0 0 10px 10px; background: #24252c; }
.sd-home-effects__rail > a[hidden] { display: none; }
.sd-home-effects__rail img, .sd-home-effects__rail video { width: 218px; height: 218px; object-fit: cover; }
.sd-home-effects__rail video { position: absolute; inset: 0 auto auto 0; opacity: 0; transition: opacity .18s ease; }
.sd-home-effects__rail a.is-playing video { opacity: 1; }
.sd-home-effects__rail strong { min-height: 48px; display: flex; align-items: center; padding: 0 12px; font-size: .92rem; }
.sd-home-effects__arrow { position: absolute; z-index: 3; top: 113px; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; color: #fff; background: #30323b; cursor: pointer; }
.sd-home-effects__arrow--previous { left: 12px; }
.sd-home-effects__arrow--next { right: 12px; }
.sd-home-suite { position: relative; width: 100%; height: 1147px; margin-top: 64px; padding: 92px 96px 72px; background: var(--sd-bg); }
.sd-home-suite > header { text-align: center; }
.sd-home-suite > header h2 { max-width: 1120px; margin: 0 auto; color: #fff4ad; font-size: 2.5rem; line-height: 1.14; }
.sd-home-suite > header p { max-width: 900px; margin: 24px auto 0; color: #b8bbc5; font-size: 1.02rem; line-height: 1.65; }
.sd-home-suite__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(2, 266px); gap: 24px; margin-top: 82px; }
.sd-home-suite__grid > a { position: relative; min-width: 0; display: flex; flex-direction: column; overflow: hidden; border-radius: 10px; background: #26272e; }
.sd-home-suite__grid > a[hidden] { display: none; }
.sd-home-suite__grid img, .sd-home-suite__grid video { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.sd-home-suite__grid video { position: absolute; inset: 0 auto auto 0; opacity: 0; transition: opacity .18s ease; }
.sd-home-suite__grid a.is-playing video { opacity: 1; }
.sd-home-suite__grid strong { min-height: 48px; display: flex; align-items: center; padding: 0 12px; font-size: .9rem; }
.sd-home-suite__arrow { position: absolute; z-index: 3; top: 618px; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; color: #fff; background: #30323b; cursor: pointer; }
.sd-home-suite__arrow--previous { left: 48px; }
.sd-home-suite__arrow--next { right: 48px; }
.sd-home-suite > nav { display: flex; justify-content: center; gap: 8px; margin-top: 30px; }
.sd-home-suite > nav button { width: 12px; height: 12px; padding: 0; border: 0; border-radius: 50%; background: #555965; cursor: pointer; }
.sd-home-suite > nav button[aria-current="true"] { transform: scale(1.25); background: var(--sd-yellow); }
.sd-home-features { width: 100%; height: 2417px; padding: 92px 80px 72px; background: var(--sd-bg); }
.sd-home-features > header { text-align: center; }
.sd-home-features > header h2 { max-width: 980px; margin: 0 auto; color: #fff4ad; font-size: 2.5rem; line-height: 1.15; }
.sd-home-features > header p { max-width: 900px; margin: 24px auto 0; color: #b8bbc5; }
.sd-home-features > div { display: grid; gap: 110px; margin-top: 118px; }
.sd-home-features article { min-height: 550px; display: grid; grid-template-columns: 550px minmax(0, 1fr); align-items: center; gap: 125px; }
.sd-home-features article:nth-child(even) figure { order: 2; }
.sd-home-features article:nth-child(even) > div { order: 1; }
.sd-home-features figure { position: relative; width: 550px; height: 550px; margin: 0; overflow: hidden; border-radius: 10px; background: #18191f; }
.sd-home-features figure img, .sd-home-features figure video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.sd-home-features figure video { z-index: 1; }
.sd-home-features article > div { min-width: 0; }
.sd-home-features article > div > span { color: var(--sd-yellow); font-size: .72rem; font-weight: 850; }
.sd-home-features h3 { margin: 20px 0 28px; color: #fff4ad; font-size: 2rem; line-height: 1.2; }
.sd-home-features article p { max-width: 560px; margin: 0; color: #c7cad2; font-size: 1rem; line-height: 1.7; }
.sd-home-features article a { min-height: 48px; display: inline-flex; align-items: center; gap: 9px; margin-top: 42px; padding: 0 24px; border-radius: 999px; color: #111; background: var(--sd-yellow); font-weight: 800; }
.sd-home-cta { width: 100%; height: 824px; display: grid; grid-template-columns: 568px 600px; align-items: center; gap: 112px; padding: 112px 48px; background: var(--sd-bg); }
.sd-home-cta > div { min-width: 0; }
.sd-home-cta h2 { margin: 0; color: #fff4ad; font-size: 2.7rem; line-height: 1.12; }
.sd-home-cta p { margin: 28px 0 0; color: #c7cad2; font-size: 1.05rem; line-height: 1.7; }
.sd-home-cta a { min-height: 52px; display: inline-flex; align-items: center; gap: 9px; margin-top: 54px; padding: 0 28px; border-radius: 999px; color: #111; background: var(--sd-yellow); font-weight: 800; }
.sd-home-cta figure { width: 600px; height: 600px; margin: 0; overflow: hidden; border-radius: 12px; background: #18191f; }
.sd-home-cta video { width: 100%; height: 100%; object-fit: cover; }
.sd-home-toolkit { width: 100%; height: 5488px; padding: 92px 64px 80px; background: var(--sd-bg); }
.sd-home-toolkit > header { text-align: center; }
.sd-home-toolkit > header h2 { max-width: 1040px; margin: 0 auto; color: #fff4ad; font-size: 2.5rem; line-height: 1.15; }
.sd-home-toolkit > header p { max-width: 900px; margin: 24px auto 0; color: #b8bbc5; }
.sd-home-toolkit__layout { display: grid; grid-template-columns: 584px minmax(0, 1fr); gap: 128px; margin-top: 120px; }
.sd-home-toolkit__media { position: sticky; top: 96px; width: 584px; height: 568px; margin: 0; overflow: hidden; border-radius: 12px; background: #18191f; }
.sd-home-toolkit__media img, .sd-home-toolkit__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .35s ease; pointer-events: none; }
.sd-home-toolkit__media .is-active { opacity: 1; pointer-events: auto; }
.sd-home-toolkit__copy article { min-height: 800px; display: flex; flex-direction: column; justify-content: center; }
.sd-home-toolkit__copy article > span { color: var(--sd-yellow); font-size: .72rem; font-weight: 850; }
.sd-home-toolkit__copy h3 { margin: 20px 0 12px; color: #fff4ad; font-size: 2rem; line-height: 1.2; }
.sd-home-toolkit__copy p { max-width: 560px; margin: 0; color: #c7cad2; font-size: 1rem; line-height: 1.7; }
.sd-home-toolkit__copy a { min-height: 48px; display: inline-flex; align-items: center; align-self: flex-start; gap: 9px; margin-top: 38px; padding: 0 24px; border-radius: 999px; color: #111; background: var(--sd-yellow); font-weight: 800; }
.sd-home-reviews { width: 100%; height: 726px; padding: 92px 48px 64px; background: var(--sd-bg); }
.sd-home-reviews > header { text-align: center; }
.sd-home-reviews > header h2 { margin: 0; color: #fff4ad; font-size: 2.5rem; line-height: 1.15; }
.sd-home-reviews > header p { max-width: 900px; margin: 20px auto 0; color: #b8bbc5; }
.sd-home-reviews__frame { position: relative; height: 430px; margin-top: 54px; padding: 44px 48px; border: 1px solid #484b55; border-radius: 12px; background: #17181e; }
.sd-home-reviews blockquote { height: 100%; display: flex; flex-direction: column; margin: 0; }
.sd-home-reviews blockquote[hidden] { display: none; }
.sd-home-reviews blockquote p { max-width: 1120px; margin: 0; color: #e7e8ec; font-size: 1.75rem; line-height: 1.35; }
.sd-home-reviews blockquote p span { margin-right: 6px; color: var(--sd-yellow); font-size: 2.6rem; }
.sd-home-reviews blockquote footer { display: grid; gap: 2px; margin-top: auto; }
.sd-home-reviews blockquote small { color: #9da1ad; }
.sd-home-reviews__controls { position: absolute; left: 50%; bottom: 46px; display: flex; align-items: center; gap: 16px; transform: translateX(-50%); }
.sd-home-reviews__controls > button { width: 34px; height: 34px; display: grid; place-items: center; padding: 0; border: 1px solid #4d505a; border-radius: 50%; color: #fff; background: transparent; }
.sd-home-reviews__controls nav { display: flex; gap: 8px; }
.sd-home-reviews__controls nav button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: #555965; }
.sd-home-reviews__controls nav button[aria-current="true"] { width: 24px; border-radius: 999px; background: var(--sd-yellow); }
.sd-page--home .sd-faq { width: 100%; max-width: none; min-height: 1171px; padding: 96px 80px; }
.sd-page--home .sd-steps, .sd-page--home .sd-use-cases { width: 100%; max-width: none; padding-left: 80px; padding-right: 80px; }
.sd-page--home .sd-steps { height: 890px; }
.sd-page--home .sd-use-cases { height: 1146px; }
.sd-page--home .sd-steps,
.sd-page--home .sd-capability-tabs,
.sd-home-toolkit,
.sd-home-features,
.sd-page--home .sd-use-cases,
.sd-home-reviews,
.sd-page--home .sd-faq,
.sd-home-cta { margin-top: 64px; }
@media (min-width: 1600px) {
    .sd-home-effects__rail { grid-template-columns: repeat(5, 218px); }
}
.sd-capability-tabs { --sd-capability-media: 550px; --sd-capability-copy: 616px; --sd-capability-gap: 81px; --sd-capability-width: 1247px; position: relative; width: 100%; height: 1048px; padding: 92px 0 80px; background: var(--sd-bg); }
.sd-capability-tabs > header { padding: 0 80px; text-align: center; }
.sd-capability-tabs > header h2 { max-width: 900px; margin: 0 auto; color: #fff4ad; font-size: 2.4rem; line-height: 1.12; }
.sd-capability-tabs > header p { max-width: 900px; margin: 18px auto 0; color: #b9bdc7; }
.sd-capability-tabs__tabs { position: absolute; top: 256px; left: 0; right: 0; width: max-content; max-width: calc(100% - 32px); display: flex; justify-content: center; gap: 16px; margin: 0 auto; }
.sd-capability-tabs__tabs button { min-height: 48px; padding: 0 24px; border: 1px solid #4a4d58; border-radius: 8px; color: #d8dbe2; background: #17181e; cursor: pointer; }
.sd-capability-tabs__tabs button[aria-selected="true"] { border-color: var(--sd-yellow); color: #111; background: var(--sd-yellow); }
.sd-capability-tabs__panels { position: absolute; top: 368px; left: 0; right: 0; width: min(var(--sd-capability-width), calc(100% - 32px)); margin: 0 auto; }
.sd-capability-tabs__panels article { width: 100%; display: grid; grid-template-columns: minmax(0, var(--sd-capability-media)) minmax(0, var(--sd-capability-copy)); align-items: center; gap: var(--sd-capability-gap); padding: 0; }
.sd-capability-tabs__panels article[hidden] { display: none; }
.sd-capability-tabs__panels figure { position: relative; width: var(--sd-capability-media); height: var(--sd-capability-media); margin: 0; overflow: hidden; border-radius: 10px; background: #18191f; box-shadow: 0 18px 38px rgba(0,0,0,.24); }
.sd-capability-tabs__panels figure img, .sd-capability-tabs__panels figure video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sd-capability-tabs__panels figure video { z-index: 1; }
.sd-capability-tabs__panels article > div { width: 100%; max-width: var(--sd-capability-copy); }
.sd-capability-tabs__panels h3 { margin: 0 0 24px; color: #fff4ad; font-size: 2.3rem; line-height: 1.25; }
.sd-capability-tabs__lead { margin: 0 0 42px; color: #fff4ad; font-size: 1.45rem; font-weight: 750; line-height: 1.4; }
.sd-capability-tabs__copy { margin: 0; color: #d0d2d8; font-size: 1.04rem; line-height: 1.7; }
.sd-capability-tabs__panels a { min-height: 48px; display: inline-flex; align-items: center; gap: 9px; margin-top: 56px; padding: 0 24px; border-radius: 999px; color: #111; background: var(--sd-yellow); font-weight: 800; }
.sd-page--hub .sd-capability-tabs { --sd-capability-media: 480px; --sd-capability-copy: 512px; --sd-capability-gap: 64px; --sd-capability-width: 1056px; }
.sd-page--hub .sd-capability-tabs__panels article { align-items: start; }
.sd-effect-cards ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.sd-effect-cards li { min-width: 0; }
.sd-effect-cards a { height: 100%; display: flex; flex-direction: column; overflow: hidden; border-radius: 12px; background: #1b1c22; }
.sd-effect-cards img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.sd-effect-cards h3 { margin: 14px 14px 6px; font-size: 1rem; }
.sd-effect-cards span { display: flex; align-items: center; gap: 7px; margin: auto 14px 14px; color: var(--sd-yellow); font-size: .78rem; }
.sd-showcase__list { display: grid; gap: 56px; }
.sd-showcase article { min-height: 470px; display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); align-items: center; gap: 64px; }
.sd-showcase article:nth-child(even) > div { order: 2; }
.sd-showcase article > div > span { color: var(--sd-yellow); font-size: .72rem; font-weight: 850; letter-spacing: .12em; }
.sd-showcase h3 { margin: 14px 0 12px; font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.12; }
.sd-showcase article p { color: #b6bac5; }
.sd-showcase article a { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; color: var(--sd-yellow); font-weight: 800; }
.sd-showcase figure { margin: 0; }
.sd-showcase figure img, .sd-showcase figure video, .sd-media-placeholder { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 18px; background: #1b1c22; }
.sd-showcase figure img, .sd-showcase figure video { height: auto; }
.sd-prose-feature { min-height: 540px; display: grid; grid-template-columns: minmax(0, .85fr) minmax(420px, 1.15fr); align-items: center; gap: 64px; }
.sd-prose-feature > div p { color: #b6bac5; }
.sd-prose-feature > div a { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; color: var(--sd-yellow); font-weight: 800; }
.sd-prose-feature figure { margin: 0; }
.sd-prose-feature figure img, .sd-prose-feature figure video { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 18px; }
.sd-media-placeholder { display: grid; place-items: center; color: var(--sd-yellow); font-size: 2rem; font-weight: 900; }
.sd-kind-hub .sd-showcase__list, .sd-kind-home .sd-showcase__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.sd-kind-hub .sd-showcase article, .sd-kind-home .sd-showcase article { min-height: 0; display: flex; flex-direction: column-reverse; align-items: stretch; gap: 0; padding: 18px; border: 1px solid #383b45; border-radius: 12px; background: #191a20; }
.sd-kind-hub .sd-showcase article:nth-child(even) > div, .sd-kind-home .sd-showcase article:nth-child(even) > div { order: initial; }
.sd-kind-hub .sd-showcase figure img, .sd-kind-hub .sd-showcase figure video, .sd-kind-home .sd-showcase figure img, .sd-kind-home .sd-showcase figure video { aspect-ratio: 16 / 9; border-radius: 8px; }
.sd-kind-hub .sd-showcase h3, .sd-kind-home .sd-showcase h3 { font-size: 1.35rem; }
.sd-steps ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.sd-steps li { min-width: 0; overflow: hidden; border: 1px solid #3a3d47; border-top: 3px solid var(--sd-yellow); border-radius: 12px; background: #1a1b21; }
.sd-steps li > div { padding: 24px 20px 26px; }
.sd-steps figure { margin: 0; }
.sd-steps figure img, .sd-steps figure video { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.sd-steps li > span { color: var(--sd-yellow); font-size: .73rem; font-weight: 850; }
.sd-steps h3 { margin: 20px 0 8px; }
.sd-steps li p { color: #aeb2bd; font-size: .88rem; }
.sd-use-cases ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.sd-use-cases li { min-width: 0; overflow: hidden; border: 1px solid #3b3e48; border-radius: 12px; background: #1a1b21; }
.sd-use-cases li > div { padding: 22px; }
.sd-use-cases figure { margin: 0; }
.sd-use-cases figure img, .sd-use-cases figure video { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.sd-use-cases li > span { color: var(--sd-yellow); font-size: .72rem; font-weight: 850; }
.sd-use-cases h3 { margin: 16px 0 8px; }
.sd-use-cases li p { color: #aeb2bd; font-size: .88rem; }
.sd-testimonials > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sd-testimonials blockquote { min-width: 0; margin: 0; padding: 24px; border: 1px solid #3b3e48; border-radius: 10px; background: #1a1b21; }
.sd-testimonials blockquote > img { width: 52px; height: 52px; margin-bottom: 24px; border-radius: 50%; object-fit: cover; }
.sd-testimonials blockquote > span { color: var(--sd-yellow); font-size: 3rem; line-height: .6; }
.sd-testimonials blockquote p { color: #d2d4da; }
.sd-testimonials blockquote footer { display: grid; margin-top: 24px; }
.sd-testimonials blockquote small { color: #989ca8; }
.sd-faq__list { display: grid; gap: 8px; }
.sd-faq details { border: 1px solid #3b3e48; border-radius: 8px; background: #191a20; }
.sd-faq summary { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 18px; cursor: pointer; font-weight: 750; }
.sd-faq summary h3 { margin: 0; font-size: 1rem; }
.sd-faq summary svg { flex: 0 0 auto; color: var(--sd-yellow); transition: transform .2s ease; }
.sd-faq details[open] summary svg { transform: rotate(45deg); }
.sd-faq details p { margin: 0; padding: 0 18px 18px; color: #b4b8c2; }
.sd-final-cta { position: relative; max-width: 1104px; min-height: 480px; display: grid; place-items: center; margin: 84px auto; padding: 40px; overflow: hidden; border-radius: 16px; background: linear-gradient(rgba(12,13,16,.45), rgba(12,13,16,.82)), var(--cta-image, radial-gradient(circle at center, #283039, #121318)); background-size: cover; background-position: center; text-align: center; }
.sd-final-cta > div { max-width: 720px; }
.sd-final-cta p { color: #d0d2d7; }
.sd-final-cta a { min-height: 48px; display: inline-flex; align-items: center; gap: 9px; margin-top: 18px; padding: 0 24px; border-radius: 999px; color: #111; background: var(--sd-yellow); font-weight: 850; }

.sd-related-tools { max-width: 900px; margin: 10px auto 80px; text-align: center; }
.sd-related-tools h2 { margin: 0; font-size: 1.4rem; }
.sd-related-tools > p { margin: 8px auto 22px; color: #aeb2bd; }
.sd-related-tools ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.sd-related-tools li { min-width: 0; }
.sd-related-tools a { display: block; overflow: hidden; border: 1px solid #3b3e48; border-radius: 8px; background: #1a1b21; }
.sd-related-tools img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.sd-related-tools span { display: block; padding: 9px; font-size: .78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#creator { scroll-margin-top: calc(var(--sd-promo) + var(--sd-topbar) + 16px); }

/* Source-family vertical rhythm: creator-first pages keep the workspace dominant before editorial content. */
.sd-page--tool:not(.sd-page--compact) > #creator .sd-tool { min-height: 1680px; }
.sd-category-music .sd-page--hub > #creator .sd-tool { min-height: 1450px; }
.sd-category-voice .sd-page--hub > #creator .sd-tool { min-height: 860px; }
.sd-page--tool > #creator .sd-tool__form, .sd-page--tool > #creator .sd-tool__preview,
.sd-category-music .sd-page--hub > #creator .sd-tool__form, .sd-category-music .sd-page--hub > #creator .sd-tool__preview { height: 100%; }
.sd-category-image .sd-page--model > #creator .sd-tool__preview > img { max-height: none; }

.sd-prompt-hero { padding: 0 20px 42px; text-align: center; }
.sd-prompt-hero h1 { margin: 0; color: #fff4aa; font-size: clamp(2.2rem, 4vw, 3rem); }
.sd-prompt-hero p { max-width: 760px; margin: 14px auto 0; color: #b8bbc5; }
.sd-prompt-composer { margin: 0 auto 48px; padding: 26px; border: 1px solid #3b3e48; border-radius: 12px; background: #17181d; }
.sd-prompt-composer header h2 { margin: 0; font-size: 1.05rem; }
.sd-prompt-composer header p { margin: 6px 0 16px; color: #aeb2bd; }
.sd-prompt-composer form { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; }
.sd-prompt-composer textarea { grid-column: 1 / -1; width: 100%; min-height: 100px; padding: 12px; border: 1px solid #30333b; color: #fff; background: #121318; }
.sd-prompt-composer .sd-generate { min-width: 132px; grid-column: 2; }
.sd-prompt-result { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #343741; }
.sd-prompt-result[hidden] { display: none; }
.sd-prompt-result label { grid-column: 1 / -1; font-weight: 750; }
.sd-prompt-result textarea { grid-column: 1 / -1; width: 100%; min-height: 160px; padding: 14px; border: 1px solid #3d414b; color: #fff; background: #111217; }
.sd-prompt-result button { min-height: 40px; padding: 0 18px; border: 1px solid #5b5f69; border-radius: 6px; color: #111; background: var(--sd-yellow); font-weight: 800; }
.sd-prompt-examples { margin: 0 0 76px; }
.sd-prompt-examples ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.sd-prompt-examples li { min-width: 0; overflow: hidden; border-radius: 9px; background: #17202d; }
.sd-prompt-examples img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.sd-prompt-examples p { margin: 0; padding: 12px; font-size: .82rem; }

/* Policy, authentication and account areas retain their existing behavior. */
.sd-policy { max-width: 980px; padding-top: 62px; }
.sd-policy > header { margin-bottom: 42px; }
.sd-policy h1, .sd-auth h1, .sd-workspace h1 { margin: 0; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1.03; }
.sd-policy > header > p:not(.sd-kicker), .sd-policy section p { color: #b8bbc5; }
.sd-policy section { padding: 28px 0; border-top: 1px solid #343741; }
.sd-policy__facts, .sd-policy dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.sd-policy dl div { padding: 14px; border: 1px solid #3b3e48; background: #1c1d23; }
.sd-policy dt { color: var(--sd-yellow); font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.sd-policy dd { margin: 5px 0 0; }
.sd-policy a { color: var(--sd-yellow); text-decoration: underline; }
.sd-kicker { margin: 0 0 9px; color: var(--sd-yellow); font-size: .72rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.sd-auth { min-height: calc(100vh - var(--sd-promo) - var(--sd-topbar)); display: grid; place-items: center; padding-block: 60px; }
.sd-auth__card { width: min(590px, 100%); padding: 38px; border: 1px solid #41444e; border-radius: 14px; background: #1a1b21; }
.sd-auth__card header p:not(.sd-kicker), .sd-auth__card form > p, .sd-auth__card aside { color: #aaadba; }
.sd-auth__card form, .sd-support-form { display: grid; gap: 10px; margin-top: 22px; }
.sd-auth__card label, .sd-support-form label, .sd-ticket-admin label { font-weight: 750; }
.sd-auth__card input, .sd-support-form input, .sd-support-form select, .sd-support-form textarea, .sd-ticket-admin select, .sd-ticket-admin textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #4a4d58; border-radius: 5px; color: #fff; background: #111217; }
.sd-support-form textarea, .sd-ticket-admin textarea { min-height: 130px; resize: vertical; }
.sd-auth__card aside { margin-top: 22px; padding: 14px; border-left: 3px solid var(--sd-yellow); background: #14151a; }
.sd-login-page .sd-sidebar { display: none; }
.sd-login-page .sd-main { margin-left: 0; }
.sd-auth--continue { min-height: calc(100vh - var(--sd-promo) - var(--sd-topbar)); align-items: start; padding: 54px 20px 72px; color: #fff; background: linear-gradient(rgba(4,10,20,.3), rgba(4,10,20,.6)), url('https://img.seedance3.plus/assets/shared/image/d82c1e64e0a3ed06a1939ad52d8fc5beeb6207d68ca122d2403b07abf1053584.webp') center / cover no-repeat; }
.sd-auth--continue .sd-auth__card { width: min(610px, 100%); padding: 34px 38px 36px; border: 1px solid rgba(255,255,255,.24); border-radius: 16px; color: #fff; background: rgba(7,14,26,.82); box-shadow: 0 28px 70px rgba(0,0,0,.38); backdrop-filter: blur(12px); }
.sd-auth--continue .sd-auth__card header h1 { margin: 0; color: #fff; font-size: clamp(1.55rem, 4vw, 2.25rem); font-weight: 850; line-height: 1.1; letter-spacing: -.025em; white-space: nowrap; }
.sd-auth--continue .sd-auth__card header p { margin: 10px 0 0; color: #d8e5f2; font-size: 1rem; line-height: 1.5; }
.sd-auth__google { width: 100%; min-height: 54px; display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: 26px; padding: 0 18px; border: 1px solid #d2d4da; border-radius: 8px; color: #111; background: #fff; font: inherit; font-weight: 800; }
.sd-auth__google:hover { border-color: #aeb2bb; color: #111; background: #fafafa; }
.sd-auth__divider { display: flex; align-items: center; justify-content: center; margin: 20px 0; color: #c8d6e5; text-align: center; }
.sd-auth--continue .sd-auth__card form { gap: 10px; margin-top: 0; }
.sd-auth--continue .sd-auth__card label { color: #f8fbff; font-size: 1rem; font-weight: 800; }
.sd-auth--continue .sd-auth__card input { min-height: 51px; margin-bottom: 7px; padding: 10px 12px; border: 1px solid #111; border-radius: 8px; color: #111; background: #fff; }
.sd-auth__continue { width: 100%; min-height: 49px; margin-top: 0; border: 0; border-radius: 8px; color: #111; background: var(--sd-yellow); font: inherit; font-weight: 850; cursor: pointer; }
.sd-auth__new-account { margin: 20px 0 0; color: #d7e4f1; text-align: center; }
.sd-flash { margin: 18px 0; padding: 12px 14px; border: 1px solid #5c633a; color: #f7f5c7; background: rgba(255,229,0,.08); }
.sd-flash--error { border-color: #954653; color: #ffdce1; background: rgba(180,50,70,.12); }
.sd-workspace { padding-top: 54px; }
.sd-workspace__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.sd-workspace__header p:not(.sd-kicker) { color: #aaadba; }
.sd-signout { min-height: 42px; padding: 0 15px; border: 1px solid #636672; border-radius: 6px; color: #fff; background: transparent; }
.sd-workspace__nav { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 22px; padding: 7px; border: 1px solid #373a44; background: #16171d; }
.sd-workspace__nav a { min-height: 38px; display: inline-flex; align-items: center; padding: 0 13px; border-radius: 5px; color: #acafbb; }
.sd-workspace__nav a.is-current { color: #111; background: var(--sd-yellow); font-weight: 800; }
.sd-stats, .sd-workspace-card { margin-bottom: 18px; padding: 24px; border: 1px solid #3b3e48; border-radius: 10px; background: #191a21; }
.sd-stats > h2, .sd-workspace-card > h2 { margin-top: 0; }
.sd-stats dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; }
.sd-stats dl div, .sd-workspace-card dl div { padding: 16px; border: 1px solid #373a44; background: #13141a; }
.sd-stats dt, .sd-workspace-card dt { color: #aeb1bc; font-size: .72rem; text-transform: uppercase; }
.sd-stats dd { margin: 6px 0 0; color: var(--sd-yellow); font-size: 1.8rem; font-weight: 850; }
.sd-workspace-card dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.sd-workspace-card dd { margin: 6px 0 0; }
.sd-workspace { max-width: 1460px; padding-top: 32px; padding-bottom: 96px; }
.sd-workspace__header { padding: 24px; border: 1px solid #373a44; border-radius: 16px; background: linear-gradient(145deg,#20222a,#17181e); }
.sd-workspace__header h1 { margin: 5px 0 7px; font-size: clamp(2rem,3vw,3.1rem); }
.sd-workspace__header p { margin: 0; }
.sd-workspace__header .sd-primary-action, .sd-workspace__header .sd-signin { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 0 16px; border-radius: 10px; }
.sd-workspace__nav { position: sticky; z-index: 12; top: 8px; padding: 6px; border-radius: 13px; background: rgba(22,23,29,.96); backdrop-filter: blur(10px); }
.sd-workspace__nav a { gap: 7px; }
.sd-workspace__nav a svg { flex: 0 0 auto; }
.sd-account-metrics, .sd-admin-metrics { min-width: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; margin-bottom: 18px; }
.sd-account-metrics article, .sd-admin-metrics article { min-width: 0; min-height: 108px; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 12px; padding: 17px; border: 1px solid #3a3d47; border-radius: 16px; background: #1a1b22; box-shadow: 0 12px 28px rgba(0,0,0,.15); }
.sd-account-metrics article > span, .sd-admin-metrics article > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: var(--sd-yellow); background: rgba(255,229,0,.09); }
.sd-account-metrics article > div, .sd-admin-metrics article > div { min-width: 0; display: grid; gap: 2px; }
.sd-account-metrics small, .sd-admin-metrics small { color: #9da1ad; font-size: .67rem; font-weight: 800; text-transform: uppercase; }
.sd-account-metrics strong, .sd-admin-metrics strong { overflow: hidden; color: #fff; font-size: clamp(1.15rem,1.7vw,1.65rem); line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.sd-account-metrics em, .sd-admin-metrics em { overflow: hidden; color: #858a97; font-size: .66rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.sd-admin-metrics article.is-primary { border-color: rgba(255,229,0,.7); background: linear-gradient(145deg,#302d14,#1a1b22 70%); }
.sd-admin-metrics article.is-attention { border-color: #936f26; }
.sd-account-overview-grid { min-width: 0; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.75fr); gap: 18px; margin-bottom: 18px; }
.sd-account-panel, .sd-admin-panel { min-width: 0; padding: 22px; border: 1px solid #3a3d47; border-radius: 17px; background: #191a21; box-shadow: 0 12px 30px rgba(0,0,0,.14); }
.sd-account-panel header, .sd-account-panel-title, .sd-admin-panel-title { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.sd-account-panel header > div, .sd-account-panel-title > div, .sd-admin-panel-title > div { min-width: 0; }
.sd-account-panel header span, .sd-account-panel-title span, .sd-admin-panel-title span { color: var(--sd-yellow); font-size: .65rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sd-account-panel h2, .sd-account-panel-title h2, .sd-admin-panel-title h2 { margin: 5px 0 0; font-size: 1.2rem; }
.sd-account-panel header a, .sd-account-panel-title a, .sd-admin-panel-title a { color: var(--sd-yellow); font-size: .72rem; font-weight: 850; white-space: nowrap; }
.sd-account-usage-card > p { color: #aeb2bd; }
.sd-account-meter { height: 9px; margin: 23px 0 10px; overflow: hidden; border-radius: 999px; background: #30323c; }
.sd-account-meter i { display: block; width: min(100%,var(--value)); height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ffe500,#e0bb00); }
.sd-account-tool-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 18px; }
.sd-account-tool-links a { min-height: 39px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 8px; border: 1px solid #3d404a; border-radius: 10px; color: #e8e9ed; background: #22242c; font-size: .72rem; font-weight: 850; }
.sd-account-tool-links a:hover { border-color: var(--sd-yellow); color: var(--sd-yellow); }
.sd-account-plan-card { color: #fff; border-color: rgba(255,229,0,.55); background: linear-gradient(145deg,#27230d,#32301b 50%,#1d1e25); }
.sd-account-plan-card h2 { margin: 17px 0 4px; color: var(--sd-yellow); font-size: 1.75rem; }
.sd-account-plan-card > p { min-height: 50px; margin: 0; color: #d1d2d7; font-size: .78rem; line-height: 1.55; }
.sd-account-plan-card > strong { display: block; margin-top: 16px; color: #fff; font-size: 1.8rem; }
.sd-account-plan-card > strong small { color: #b7bac4; font-size: .68rem; }
.sd-account-plan-card dl { display: grid; gap: 8px; margin: 16px 0; padding: 13px 0; border-block: 1px solid rgba(255,255,255,.14); }
.sd-account-plan-card dl div { display: flex; justify-content: space-between; gap: 10px; }
.sd-account-plan-card dt, .sd-account-plan-card dd { margin: 0; color: #f5f5f5; font-size: .7rem; }
.sd-account-plan-card > a { min-height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 10px; color: #111; background: var(--sd-yellow); font-weight: 900; }
.sd-account-split, .sd-admin-overview-grid { min-width: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-bottom: 18px; }
.sd-account-list, .sd-admin-compact-list { margin-top: 13px; display: grid; }
.sd-account-list article, .sd-admin-compact-list > a { min-width: 0; min-height: 61px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto auto; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #30323b; }
.sd-account-list article:last-child, .sd-admin-compact-list > a:last-child { border-bottom: 0; }
.sd-account-list__icon, .sd-admin-avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: var(--sd-yellow); background: rgba(255,229,0,.08); font-size: .8rem; font-weight: 900; }
.sd-account-list article > div, .sd-admin-compact-list > a > div { min-width: 0; display: grid; gap: 3px; }
.sd-account-list article strong, .sd-account-list article small, .sd-admin-compact-list strong, .sd-admin-compact-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sd-account-list article strong, .sd-admin-compact-list strong { color: #e8e9ed; font-size: .76rem; }
.sd-account-list article small, .sd-admin-compact-list small { color: #858a97; font-size: .64rem; }
.sd-account-list article > a { color: var(--sd-yellow); font-size: .68rem; font-weight: 850; }
.sd-account-empty, .sd-admin-empty { min-height: 132px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; color: #858a97; text-align: center; }
.sd-account-empty svg, .sd-admin-empty svg { color: var(--sd-yellow); }
.sd-account-empty p, .sd-admin-empty p { margin: 0; font-size: .72rem; }
.sd-account-empty a { color: var(--sd-yellow); font-weight: 850; }
.sd-account-inline-support { display: grid; gap: 8px; margin-top: 16px; }
.sd-account-inline-support label { color: #dfe1e7; font-size: .7rem; font-weight: 850; }
.sd-account-inline-support input, .sd-account-inline-support textarea { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid #464a55; border-radius: 9px; color: #fff; background: #111217; }
.sd-account-inline-support textarea { min-height: 90px; resize: vertical; }
.sd-account-inline-support button { min-height: 43px; border: 0; border-radius: 9px; color: #111; background: var(--sd-yellow); font-weight: 900; }
.sd-account-facts, .sd-admin-modality-list { display: grid; gap: 9px; margin-top: 18px; }
.sd-account-facts div, .sd-admin-modality-list div { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 11px 12px; border: 1px solid #343741; border-radius: 10px; background: #15161c; }
.sd-account-facts dt, .sd-admin-modality-list dt { color: #aeb2bd; }
.sd-account-facts dd, .sd-admin-modality-list dd { margin: 0; color: var(--sd-yellow); font-weight: 900; }
.sd-support-dock { position: fixed; z-index: 190; right: 24px; bottom: 22px; }
.sd-support-dock > summary { min-width: 164px; min-height: 54px; display: flex; align-items: center; gap: 10px; padding: 8px 15px; border: 1px solid rgba(255,229,0,.75); border-radius: 15px; color: #111; background: var(--sd-yellow); box-shadow: 0 18px 44px rgba(0,0,0,.38); cursor: pointer; list-style: none; }
.sd-support-dock > summary::-webkit-details-marker { display: none; }
.sd-support-dock > summary span { display: grid; gap: 1px; }
.sd-support-dock > summary strong { font-size: .8rem; }
.sd-support-dock > summary small { font-size: .62rem; }
.sd-support-dock:not([open]) > aside { display: none; }
.sd-support-dock[open] { width: min(370px,calc(100vw - 24px)); }
.sd-support-dock[open] > summary { position: absolute; right: 0; bottom: calc(100% + 8px); min-width: 54px; width: 54px; padding: 0; justify-content: center; }
.sd-support-dock[open] > summary span { display: none; }
.sd-support-dock > aside { width: 100%; padding: 20px; border: 1px solid #484b56; border-radius: 17px; background: #1b1c23; box-shadow: 0 28px 72px rgba(0,0,0,.5); }
.sd-support-dock > aside header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.sd-support-dock > aside header span { color: var(--sd-yellow); font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.sd-support-dock > aside h2 { margin: 4px 0 0; font-size: 1.25rem; }
.sd-support-dock > aside header > button { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; padding: 0; border: 1px solid #555966; border-radius: 50%; color: var(--sd-yellow); background: #252730; cursor: pointer; }
.sd-support-dock > aside header > button:hover { border-color: var(--sd-yellow); }
.sd-support-dock form { display: grid; gap: 8px; margin-top: 15px; }
.sd-support-dock label { font-size: .72rem; font-weight: 800; }
.sd-support-dock input, .sd-support-dock textarea { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid #4a4d58; border-radius: 9px; color: #fff; background: #111217; }
.sd-support-dock textarea { min-height: 96px; resize: vertical; }
.sd-support-dock button { min-height: 44px; border: 0; border-radius: 9px; color: #111; background: var(--sd-yellow); font-weight: 900; }
.sd-admin-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
.sd-admin-cost-note { margin: 0 0 18px; padding: 12px 15px; border: 1px solid #5b5120; border-radius: 11px; color: #d2cda7; background: rgba(255,229,0,.055); font-size: .72rem; line-height: 1.5; }
.sd-admin-cost-note strong { color: var(--sd-yellow); }
.sd-admin-panel-title h2 { margin: 5px 0 0; }
.sd-admin-compact-list > a { grid-template-columns: 38px minmax(0,1fr) auto; }
.sd-admin-badge { padding: 5px 8px; border-radius: 999px; color: #d6c984; background: #3d3617; font-size: .58rem; font-style: normal; font-weight: 900; white-space: nowrap; }
.sd-admin-badge.is-high, .sd-admin-badge.is-urgent { color: #ffcbd2; background: #52242c; }
.sd-admin-overview-grid--secondary { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sd-admin-table-panel { margin-top: 0; }
.sd-table-wrap { max-width: 100%; overflow-x: auto; }
.sd-table-wrap table { width: 100%; min-width: 620px; border-collapse: collapse; }
.sd-table-wrap caption { padding: 0 0 12px; text-align: left; color: #aeb1bc; }
.sd-table-wrap th, .sd-table-wrap td { padding: 12px; border-bottom: 1px solid #393c46; text-align: left; }
.sd-table-wrap th { color: var(--sd-yellow); font-size: .74rem; text-transform: uppercase; }
.sd-ticket-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.sd-ticket-list > li { padding: 16px; border: 1px solid #383b45; background: #13141a; }
.sd-ticket-list header { display: flex; justify-content: space-between; gap: 18px; }
.sd-ticket-list header span { color: var(--sd-yellow); font-size: .74rem; text-transform: uppercase; }
.sd-ticket-list p, .sd-ticket-list blockquote { color: #b7bac5; }
.sd-ticket-list blockquote { margin: 12px 0 0; padding: 12px; border-left: 3px solid var(--sd-yellow); background: #1b1c23; }
.sd-ticket-admin { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.sd-ticket-admin label:nth-child(3), .sd-ticket-admin button { grid-column: 1 / -1; }

.sd-footer { display: grid; grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(120px, .6fr)); gap: 34px; margin: 90px 0 0; padding: 48px max(28px, calc((100% - 1060px) / 2)); border-top: 1px solid #30323a; background: #0e0f13; }
.sd-footer__brand p { max-width: 340px; color: #9ca0ac; }
.sd-footer__brand > a:last-child { color: var(--sd-yellow); font-size: .88rem; }
.sd-footer nav { display: flex; flex-direction: column; gap: 8px; }
.sd-footer nav h2 { margin: 0 0 5px; font-size: .84rem; text-transform: uppercase; }
.sd-footer nav a { color: #aeb2bd; font-size: .88rem; }
.sd-footer__copyright { grid-column: 1 / -1; margin: 8px 0 0; padding-top: 18px; border-top: 1px solid #262831; color: #797d89; font-size: .78rem; }
.sd-error { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.sd-error main { width: min(720px, 100%); text-align: center; }
.sd-error h1 { font-size: 4rem; }

/* Motion is progressive: JavaScript adds sd-motion-ready only after observers exist. */
body.sd-motion-ready .sd-reveal { opacity: 0; transform: translateY(24px); transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1); transition-delay: var(--sd-reveal-delay, 0ms); }
body.sd-motion-ready .sd-reveal.is-visible { opacity: 1; transform: translateY(0); }
.sd-library__grid a, .sd-model-cards a, .sd-effect-cards a, .sd-related-tools a, .sd-showcase article, .sd-steps li, .sd-use-cases li, .sd-testimonials blockquote { transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.sd-library__grid a:hover, .sd-model-cards a:hover, .sd-effect-cards a:hover, .sd-related-tools a:hover, .sd-showcase article:hover, .sd-steps li:hover, .sd-use-cases li:hover, .sd-testimonials blockquote:hover { transform: translateY(-5px); border-color: #666a75; box-shadow: 0 16px 34px rgba(0,0,0,.24); }
body.sd-motion-ready .sd-reveal.is-visible:hover { transform: translateY(-5px); }
.sd-model-cards img, .sd-effect-cards img, .sd-related-tools img, .sd-showcase figure img { transition: transform .35s ease, filter .35s ease; }
.sd-model-cards a:hover img, .sd-effect-cards a:hover img, .sd-related-tools a:hover img, .sd-showcase article:hover figure img { transform: scale(1.025); filter: saturate(1.08); }
.sd-primary-action, .sd-generate, .sd-home-generate, .sd-home-workflow, .sd-upgrade, .sd-signin { transition: transform .18s ease, filter .18s ease, box-shadow .18s ease; }
.sd-primary-action:hover, .sd-generate:hover, .sd-home-generate:hover, .sd-home-workflow:hover, .sd-upgrade:hover, .sd-signin:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 10px 24px rgba(0,0,0,.22); }
[data-lazy-media]:not([src]) { min-height: 220px; background: linear-gradient(110deg, #191a20 30%, #242630 45%, #191a20 60%); background-size: 220% 100%; animation: sd-media-wait 1.5s linear infinite; }
@keyframes sd-media-wait { to { background-position-x: -220%; } }

/* Homepage value banner: what the studio actually produces, directly under the hero. */
.sd-value { max-width: none; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); align-items: center; gap: clamp(36px, 5vw, 80px); margin: 96px 0 40px; padding: 64px clamp(24px, 4vw, 64px); border-block: 1px solid #2f3239; background: radial-gradient(circle at 80% 45%, rgba(255,229,0,.06), transparent 45%), linear-gradient(180deg, #16171c, #101116); }
.sd-value__eyebrow { margin: 0 0 20px; color: var(--sd-yellow); font-size: .78rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.sd-value h2 { max-width: 22ch; margin: 0; color: #fff; font-size: clamp(1.9rem, 3.1vw, 2.6rem); line-height: 1.1; letter-spacing: -.03em; }
.sd-value__lead { max-width: 58ch; margin: 22px 0 0; color: #b7bac4; font-size: 1.0625rem; line-height: 1.7; }
.sd-value__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 34px; }
.sd-value__link { display: inline-flex; align-items: center; gap: 8px; color: #e7e8ec; font-weight: 750; }
.sd-value__link:hover { color: var(--sd-yellow); }
.sd-value__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; margin: 46px 0 0; padding: 28px 0 0; border-top: 1px solid #2b2e35; }
.sd-value__facts dt { color: var(--sd-yellow); font-size: 1.75rem; font-weight: 850; line-height: 1; letter-spacing: -.03em; }
.sd-value__facts dd { margin: 8px 0 0; color: #9da1ad; font-size: .87rem; line-height: 1.5; }
.sd-value__media { margin: 0; }
.sd-value__media img { width: 100%; height: auto; display: block; border-radius: 20px; border: 1px solid #33363e; box-shadow: 0 36px 80px rgba(0,0,0,.5); }

@media (min-width: 961px) {
    body.sd-nav-open { --sd-sidebar: 288px; }
    body.sd-nav-closed { --sd-sidebar: 64px; }
    body.sd-nav-open .sd-sidebar a { justify-content: flex-start; padding-inline: 8px; }
    body.sd-nav-open .sd-sidebar a span,
    body.sd-nav-open .sd-sidebar__group h2,
    body.sd-nav-open .sd-sidebar__upgrade span { display: block; }
    body.sd-nav-open .sd-sidebar a em { position: static; padding: 2px 5px; font-size: .6rem; }
    body.sd-nav-open .sd-sidebar-toggle__closed { display: none; }
    body.sd-nav-open .sd-sidebar-toggle__open { display: grid; }
    body.sd-nav-open .sd-sidebar__toggle { justify-content: flex-start; }
    body.sd-nav-closed .sd-sidebar a { justify-content: center; padding-inline: 0; }
    body.sd-nav-closed .sd-sidebar a span,
    body.sd-nav-closed .sd-sidebar__group h2,
    body.sd-nav-closed .sd-sidebar__upgrade span,
    body.sd-nav-closed .sd-sidebar__toggle-label { display: none; }
    body.sd-nav-closed .sd-sidebar a { position: relative; }
    body.sd-nav-closed .sd-sidebar a em { position: absolute; top: 1px; right: 1px; padding: 1px 3px; font-size: .48rem; }
    body.sd-nav-closed .sd-sidebar a em:nth-of-type(2) { top: 13px; }
    body.sd-nav-closed .sd-sidebar__toggle { justify-content: center; padding-inline: 0; }
    body.sd-nav-closed .sd-sidebar-toggle__open { display: none; }
}
.sd-sidebar-toggle__open { display: none; }

@media (max-width: 1180px) {
    :root { --sd-sidebar: 250px; }
    .sd-library__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .sd-tool { grid-template-columns: minmax(330px, 390px) minmax(0, 1fr); }
}

@media (max-width: 960px) {
    .sd-mobile-sidebar-toggle { display: grid; }
    .sd-kind-home, .sd-kind-prompt, .sd-category-explore, .sd-category-chat { --sd-sidebar: 288px; }
    .sd-kind-home .sd-sidebar a, .sd-kind-prompt .sd-sidebar a, .sd-category-explore .sd-sidebar a, .sd-category-chat .sd-sidebar a { justify-content: flex-start; padding-inline: 8px; }
    .sd-kind-home .sd-sidebar a span, .sd-kind-home .sd-sidebar__group h2, .sd-kind-home .sd-sidebar__upgrade span,
    .sd-kind-prompt .sd-sidebar a span, .sd-kind-prompt .sd-sidebar__group h2, .sd-kind-prompt .sd-sidebar__upgrade span,
    .sd-category-explore .sd-sidebar a span, .sd-category-explore .sd-sidebar__group h2, .sd-category-explore .sd-sidebar__upgrade span,
    .sd-category-chat .sd-sidebar a span, .sd-category-chat .sd-sidebar__group h2, .sd-category-chat .sd-sidebar__upgrade span { display: block; }
    .sd-kind-home .sd-sidebar__group-toggle, .sd-kind-prompt .sd-sidebar__group-toggle, .sd-category-explore .sd-sidebar__group-toggle, .sd-category-chat .sd-sidebar__group-toggle { display: flex; }
    .sd-kind-home .sd-sidebar a em, .sd-kind-prompt .sd-sidebar a em, .sd-category-explore .sd-sidebar a em, .sd-category-chat .sd-sidebar a em { position: static; padding: 2px 5px; font-size: .6rem; }
    body { overflow-y: auto; overflow-x: clip; }
    .sd-main { height: auto; min-height: calc(100vh - var(--sd-promo) - var(--sd-topbar)); margin-left: 0; overflow: visible; }
    .sd-sidebar { transform: translateX(-100%); transition: transform .22s ease; box-shadow: 18px 0 50px rgba(0,0,0,.45); }
    body.sd-nav-open .sd-sidebar { transform: translateX(0); }
    .sd-sidebar-backdrop { position: fixed; z-index: 45; inset: calc(var(--sd-promo) + var(--sd-topbar)) 0 0; border: 0; background: rgba(0,0,0,.62); }
    body.sd-nav-open .sd-sidebar-backdrop { display: block; }
    .sd-tool, .sd-page-hero__grid, .sd-showcase article, .sd-prose-feature { grid-template-columns: 1fr; }
    .sd-showcase article:nth-child(even) > div { order: initial; }
    .sd-page-hero { min-height: 0; }
    .sd-page-hero__grid figure { width: min(720px, 100%); }
    .sd-model-cards ul, .sd-effect-cards ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sd-kind-hub .sd-showcase__list, .sd-kind-home .sd-showcase__list { grid-template-columns: 1fr; }
    .sd-library__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sd-home-models { height: auto; padding-inline: 20px; }
    .sd-home-models > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(4, 104px); gap: 18px; margin-inline: 48px; }
    .sd-home-models__arrow--previous { left: 14px; }
    .sd-home-models__arrow--next { right: 14px; }
    .sd-home-effects { height: auto; grid-template-columns: 1fr; padding: 20px; }
    .sd-home-effects > header { min-height: 220px; }
    .sd-home-effects__rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sd-home-effects__rail > a { width: auto; }
    .sd-home-effects__rail img, .sd-home-effects__rail video { width: 100%; height: auto; aspect-ratio: 1; }
    .sd-home-suite { height: auto; padding: 64px 48px; }
    .sd-home-suite__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto; }
    .sd-home-suite__arrow { top: 58%; }
    .sd-home-features { height: auto; padding: 64px 32px; }
    .sd-home-features > div { gap: 64px; margin-top: 64px; }
    .sd-home-features article { min-height: 0; grid-template-columns: 1fr; gap: 32px; }
    .sd-home-features article:nth-child(even) figure, .sd-home-features article:nth-child(even) > div { order: initial; }
    .sd-home-features figure { width: min(550px, 100%); height: auto; aspect-ratio: 1; }
    .sd-home-cta { height: auto; grid-template-columns: 1fr; gap: 42px; padding: 64px 32px; }
    .sd-home-cta figure { width: min(600px, 100%); height: auto; aspect-ratio: 1; margin-inline: auto; }
    .sd-home-toolkit { height: auto; padding: 64px 32px; }
    .sd-home-toolkit__layout { grid-template-columns: 1fr; gap: 40px; margin-top: 64px; }
    .sd-home-toolkit__media { position: relative; top: auto; width: min(584px, 100%); height: auto; aspect-ratio: 584 / 568; margin-inline: auto; }
    .sd-home-toolkit__copy article { min-height: 520px; }
    .sd-home-reviews { height: auto; padding: 64px 32px; }
    .sd-home-reviews__frame { min-height: 430px; }
    .sd-page--home .sd-faq { min-height: 0; padding: 64px 32px; }
    .sd-page--home .sd-steps, .sd-page--home .sd-use-cases { padding-left: 32px; padding-right: 32px; }
    .sd-page--home .sd-steps, .sd-page--home .sd-use-cases { height: auto; }
    .sd-capability-tabs { height: auto; min-height: 0; padding: 64px 20px; }
    .sd-capability-tabs > header { padding: 0; }
    .sd-capability-tabs__tabs { position: static; width: 100%; max-width: none; flex-wrap: wrap; margin-top: 38px; }
    .sd-capability-tabs__panels { position: static; width: 100%; max-width: none; margin-top: 32px; }
    .sd-capability-tabs__panels article { grid-template-columns: 1fr; gap: 32px; padding: 0; }
    .sd-page--hub .sd-capability-tabs__panels article { grid-template-columns: 1fr; align-items: center; gap: 32px; padding: 0; }
    .sd-capability-tabs__panels figure { width: min(var(--sd-capability-media), 100%); height: auto; aspect-ratio: 1; margin-inline: auto; }
    .sd-page--hub .sd-capability-tabs__panels figure { width: min(480px, 100%); height: auto; }
    .sd-capability-tabs__panels article > div { max-width: 720px; margin-inline: auto; }
}

@media (max-width: 680px) {
    :root { --sd-topbar: 62px; }
    body.sd-has-promo { --sd-promo: 34px; }
    .sd-promo { grid-template-columns: auto 1fr auto; gap: 7px; padding: 0 10px; font-size: .58rem; }
    .sd-promo > span { padding: 1px 5px; font-size: .52rem; }
    .sd-promo p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .sd-promo > a { padding: 5px 10px; font-size: .58rem; }
    .sd-topbar { gap: 7px; padding: 0 10px 0 16px; }
    .sd-icon-button { width: 24px; }
    .sd-brand { gap: 5px; }
    .sd-brand__mark { width: 23px; }
    .sd-brand__name { font-size: 1.13rem; }
    .sd-upgrade { padding: 0 9px; font-size: .7rem; }
    .sd-upgrade span { display: none; }
    .sd-signin { min-width: 58px; padding: 0 7px; font-size: .74rem; }
    .sd-page { padding: 16px 11px 0; }
    .sd-page--home { padding: 0; }
    .sd-breadcrumbs { margin-bottom: 10px; font-size: .72rem; }
    .sd-home-hero { min-height: calc(100vh - var(--sd-promo) - var(--sd-topbar)); }
    .sd-home-hero__content { width: calc(100% - 24px); padding: 170px 0 24px; }
    .sd-home-hero h1 { font-size: 1.55rem; line-height: 1.3; }
    .sd-home-hero h2 { font-size: .72rem; }
    .sd-home-hero__content > p { display: none; }
    .sd-home-tool { margin-top: 16px; padding: 12px; border-radius: 8px; }
    .sd-home-tool textarea { min-height: 78px; }
    .sd-home-tool__actions { gap: 7px; }
    .sd-square-action { width: 58px; height: 58px; }
    .sd-home-tool textarea { padding-left: 70px; }
    .sd-home-modality { min-width: 112px; }
    .sd-home-modality__trigger { min-height: 42px; padding-inline: 8px; }
    .sd-home-tool__actions .sd-shared-model { min-width: 0; width: auto; flex: 1; }
    .sd-home-tool__actions [data-shared-model-name] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .sd-shared-model__trigger { min-height: 42px; padding: 0 8px; font-size: .68rem; }
    .sd-shared-model__menu, .sd-home-tool .sd-shared-model__menu { position: fixed; inset: calc(var(--sd-promo) + var(--sd-topbar) + 8px) 8px auto; width: auto; max-height: calc(100vh - var(--sd-promo) - var(--sd-topbar) - 16px); }
    .sd-shared-model__root-list { width: 100%; max-height: calc(100vh - var(--sd-promo) - var(--sd-topbar) - 16px); }
    .sd-shared-model__submenus { position: absolute; inset: 0; pointer-events: none; }
    .sd-shared-model__children { width: 100%; max-height: inherit; pointer-events: auto; }
    .sd-home-generate { width: 42px; min-height: 42px; margin-left: auto; padding: 0; }
    .sd-home-workflow { width: auto; min-width: 104px; min-height: 42px; margin-left: auto; padding: 0 18px; }
    .sd-home-generate span { display: none; }
    .sd-home-workflow span { display: inline; }
    .sd-prompt-hints { display: grid; grid-template-columns: 1fr auto; margin-top: 8px; text-align: left; }
    .sd-prompt-hints span, .sd-prompt-hints button:not(:first-of-type) { display: none; }
    .sd-api-strip { grid-template-columns: 1fr; margin: 42px 12px 0; padding: 24px; }
    .sd-value { grid-template-columns: 1fr; gap: 32px; margin: 56px 0 24px; padding: 44px 20px; }
    .sd-value h2 { max-width: none; font-size: 1.7rem; }
    .sd-value__media { order: -1; }
    .sd-value__facts { grid-template-columns: 1fr; gap: 16px; margin-top: 32px; }
    .sd-value__facts div { display: flex; align-items: baseline; gap: 14px; }
    .sd-value__facts dd { margin: 0; }


.sd-page--home .sd-api-strip { min-height: 0; margin: 42px 12px; padding: 24px; grid-template-columns: 1fr; }
    .sd-page-hero { padding: 0 4px 44px; }
    .sd-page-hero .sd-breadcrumbs { margin-left: 0; }
    .sd-page-hero > h1 { margin: 62px auto 32px; font-size: 1.9rem; }
    .sd-page-hero__grid { gap: 28px; }
    .sd-page--model .sd-page-hero__grid figure { transform: none; }
    .sd-page-hero__grid h2 { font-size: 1.38rem; }
    .sd-page-hero__grid p { font-size: .9rem; }
    .sd-primary-action { width: 100%; }
    .sd-capability-tabs { padding: 48px 12px; }
    .sd-capability-tabs > header h2 { font-size: 1.8rem; }
    .sd-capability-tabs__tabs { display: grid; grid-template-columns: 1fr; gap: 8px; }
    .sd-capability-tabs__tabs button { width: 100%; }
    .sd-capability-tabs__panels h3 { margin-bottom: 20px; font-size: 1.7rem; }
    .sd-capability-tabs__lead { margin-bottom: 20px; font-size: 1.08rem; }
    .sd-capability-tabs__copy { font-size: .92rem; }
    .sd-capability-tabs__panels a { width: 100%; justify-content: center; margin-top: 28px; }
    .sd-home-effects { padding: 12px; }
    .sd-home-effects__rail { grid-template-columns: 1fr; }
    .sd-home-effects__rail > a { height: auto; }
    .sd-home-effects__rail strong { min-height: 46px; }
    .sd-home-suite { padding: 48px 12px; }
    .sd-home-suite > header h2 { font-size: 1.8rem; }
    .sd-home-suite__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 42px; }
    .sd-home-suite__arrow--previous { left: 4px; }
    .sd-home-suite__arrow--next { right: 4px; }
    .sd-home-features { padding: 48px 12px; }
    .sd-home-features > header h2, .sd-home-cta h2 { font-size: 1.8rem; }
    .sd-home-features article a, .sd-home-cta a { width: 100%; justify-content: center; }
    .sd-home-cta { padding: 48px 12px; }
    .sd-home-toolkit { padding: 48px 12px; }
    .sd-home-toolkit > header h2 { font-size: 1.8rem; }
    .sd-home-toolkit__copy article { min-height: 440px; }
    .sd-home-toolkit__copy a { width: 100%; justify-content: center; }
    .sd-home-reviews { padding: 48px 12px; }
    .sd-home-reviews > header h2 { font-size: 1.8rem; }
    .sd-home-reviews__frame { min-height: 520px; padding: 28px 20px; }
    .sd-home-reviews blockquote p { font-size: 1.2rem; }
    .sd-page--home .sd-faq { padding: 48px 12px; }
    .sd-page--home .sd-steps, .sd-page--home .sd-use-cases { padding-left: 12px; padding-right: 12px; }
    .sd-tool { grid-template-columns: 1fr; gap: 10px; margin: 6px 0 52px; }
    .sd-tool__form, .sd-tool__preview { padding: 16px; border-radius: 9px; }
    .sd-tool__title-row { align-items: flex-start; }
    .sd-tool__title-row h1, .sd-tool__heading { font-size: .95rem; }
    .sd-model-picker { max-width: 54%; }
    .sd-model-picker select { max-width: 135px; font-size: .7rem; }
    .sd-model-locked { max-width: 54%; padding-inline: 8px; font-size: .68rem; }
    .sd-tabs--three button { padding-inline: 3px; font-size: .68rem; }
    .sd-choice-grid--video-ratio { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .sd-tool__preview { min-height: 0; }
    .sd-tool__preview > img, .sd-tool__preview > video { min-height: 0; max-height: none; aspect-ratio: 4 / 5; object-fit: contain; }
    .sd-upload-box { min-height: 240px; }
    .sd-page--tool:not(.sd-page--compact) > #creator .sd-tool,
    .sd-page--model > #creator .sd-tool,
    .sd-category-image .sd-page--model > #creator .sd-tool,
    .sd-category-music .sd-page--hub > #creator .sd-tool,
    .sd-category-voice .sd-page--hub > #creator .sd-tool { min-height: 0; }
    .sd-page--tool:not(.sd-page--compact) > #creator .sd-tool__preview { min-height: 920px; }
    .sd-category-image .sd-page--model > #creator .sd-tool__preview { min-height: 720px; }
    .sd-category-music .sd-page--hub > #creator .sd-tool__preview { min-height: 820px; }
    .sd-asset-list li { grid-template-columns: 62px minmax(0, 1fr); gap: 10px; padding: 10px; }
    .sd-asset-list img { width: 62px; height: 62px; }
    .sd-choice-grid { gap: 6px; }
    .sd-choice-grid span { min-height: 42px; font-size: .72rem; }
    .sd-hub-hero { padding: 62px 6px 72px; }
    .sd-hub-hero h1 { font-size: 2rem; }
    .sd-section { padding: 64px 0; }
    .sd-section > header { margin-bottom: 30px; text-align: left; }
    .sd-section h2, .sd-final-cta h2 { font-size: 1.7rem; }
    .sd-model-cards ul, .sd-effect-cards ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .sd-model-cards small { display: none; }
    .sd-model-cards a > span { padding: 10px; font-size: .75rem; }
    .sd-effect-cards h3 { font-size: .76rem; }
    .sd-showcase__list { gap: 38px; }
    .sd-showcase article { min-height: 0; gap: 22px; }
    .sd-showcase article > div { order: 2; }
    .sd-prose-feature { min-height: 0; gap: 24px; }
    .sd-showcase h3 { font-size: 1.45rem; }
    .sd-steps ol, .sd-use-cases ul, .sd-testimonials > div { grid-template-columns: 1fr; }
    .sd-final-cta { min-height: 440px; margin: 58px 0; padding: 24px 18px; }
    .sd-library { padding: 0 0 60px; }
    .sd-library--tools, .sd-library--effects { padding-bottom: 120px; }
    .sd-library__spotlight { grid-template-columns: 1fr; padding: 12px; }
    .sd-library__spotlight a:not(:first-child) { display: none; }
    .sd-library__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .sd-library--explore .sd-library__grid { grid-template-columns: 1fr; gap: 12px; }
    .sd-library--explore .sd-library__grid img { aspect-ratio: 4 / 3; }
    .sd-library__grid span { inset: auto 8px 7px; font-size: .68rem; }
    .sd-chat-studio { min-height: 760px; padding: 70px 0 50px; }
    .sd-chat-studio > h2 { margin-bottom: 36px; font-size: 2rem; }
    .sd-chat-studio ul { grid-template-columns: 1fr 1fr; gap: 8px; }
    .sd-related-tools ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sd-prompt-hero { padding-inline: 0; }
    .sd-prompt-hero h1 { font-size: 1.8rem; }
    .sd-prompt-composer { padding: 16px; }
    .sd-prompt-composer form { grid-template-columns: 1fr; }
    .sd-prompt-composer .sd-generate { grid-column: auto; }
    .sd-prompt-examples ul { grid-template-columns: 1fr 1fr; gap: 8px; }
    .sd-prompt-examples p { font-size: .7rem; }
    .sd-policy__facts, .sd-policy dl, .sd-stats dl, .sd-workspace-card dl, .sd-ticket-admin { grid-template-columns: 1fr; }
    .sd-ticket-admin label:nth-child(3), .sd-ticket-admin button { grid-column: auto; }
    .sd-workspace__header { align-items: flex-start; flex-direction: column; }
    .sd-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 70px 0 0; padding: 42px 16px; }
    .sd-footer__brand { grid-column: 1 / -1; }
}

/* /video/ is a focused visual contract and is intentionally isolated from other page families. */
.sd-video-hub .sd-main { background: #101116; }
.sd-video-hub .sd-page--video { padding-top: 4px; }
.sd-video-hub .sd-breadcrumbs { margin: 0 4px 8px; }
.vp-tool { position: relative; display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 24px; min-height: 780px; margin-bottom: 0; }
.vp-tool__form, .vp-samples { min-width: 0; height: 780px; border: 1px solid #444750; border-radius: 14px; background: #23242b; }
.vp-tool__form { padding: 24px; overflow-y: auto; scrollbar-width: thin; }
.vp-tool__form > header { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vp-tool__form > header > strong { font-size: 1.08rem; }
.vp-model-menu { position: relative; }
.vp-model-trigger { width: 158px; height: 36px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 12px; border: 1px solid rgba(77,77,86,.75); border-radius: 3px; color: #fff; background: #1c1c22; cursor: pointer; }
.vp-model-trigger > img { width: 24px; height: 24px; flex: 0 0 auto; object-fit: contain; }
.vp-model-trigger b { min-width: 0; flex: 1; overflow: hidden; color: var(--sd-yellow); font-size: .76rem; white-space: nowrap; text-overflow: ellipsis; }
.vp-model-trigger__chevron { width: 8px; height: 8px; flex: 0 0 auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.vp-model-dialog { position: absolute; z-index: 20; top: 43px; right: 0; width: 298px; max-height: 400px; overflow-y: auto; padding: 3px; border: 1px solid #858892; border-radius: 4px; background: #20201f; box-shadow: 0 16px 36px rgba(0,0,0,.45); }
.vp-model-dialog[hidden] { display: none; }
.vp-model-dialog > button { width: 100%; display: grid; grid-template-columns: 28px 1fr 16px; align-items: start; gap: 8px; padding: 10px; border: 0; border-radius: 3px; color: #fff; background: transparent; text-align: left; cursor: pointer; }
.vp-model-dialog > button:hover, .vp-model-dialog > button:focus-visible { background: #292a2f; }
.vp-model-dialog__icon { width: 24px; height: 24px; object-fit: contain; }
.vp-model-dialog button > span:nth-child(2) { display: grid; gap: 4px; min-width: 0; }
.vp-model-dialog strong { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-size: .78rem; }
.vp-model-dialog strong em { padding: 1px 5px; border: 1px solid #7b7000; border-radius: 999px; color: var(--sd-yellow); font-size: .52rem; font-style: normal; }
.vp-model-dialog small { color: #afb2bc; font-size: .62rem; line-height: 1.25; }
.vp-model-dialog i { display: flex; flex-wrap: wrap; gap: 4px; font-style: normal; }
.vp-model-dialog i span { padding: 2px 5px; border: 1px solid #484b55; border-radius: 2px; color: #b8bbc4; font-size: .52rem; }
.vp-model-chevron { align-self: center; color: #d7dae1; }
.vp-model-subdialog { position: fixed; z-index: 100; top: var(--vp-submenu-top, 120px); left: var(--vp-submenu-left, 620px); width: 320px; max-height: 400px; overflow-y: auto; padding: 4px; border: 1px solid #62656e; border-radius: 4px; background: #20201f; box-shadow: 0 16px 36px rgba(0,0,0,.45); }
.vp-model-subdialog[hidden] { display: none; }
.vp-model-option > button { width: 100%; display: grid; grid-template-columns: 32px 1fr; align-items: start; gap: 9px; padding: 11px 10px 4px; border: 0; border-radius: 3px; color: #fff; background: transparent; text-align: left; cursor: pointer; }
.vp-model-option:hover, .vp-model-option:focus-within, .vp-model-option:has(> button[aria-checked="true"]) { background: #2b2c31; }.vp-model-option > button:focus-visible { outline: 1px solid var(--sd-yellow); outline-offset: -1px; }
.vp-model-subdialog img { width: 28px; height: 28px; object-fit: contain; }
.vp-model-option > button > span { min-width: 0; display: grid; gap: 5px; }
.vp-model-subdialog strong { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-size: .8rem; }
.vp-model-subdialog strong em { padding: 1px 5px; border: 1px solid #777000; border-radius: 999px; color: var(--sd-yellow); font-size: .5rem; font-style: normal; }
.vp-model-subdialog small { color: #b3b6c0; font-size: .66rem; line-height: 1.35; }
.vp-model-meta { width: auto; margin: 0 10px 8px 51px; border-collapse: collapse; color: #d5d7dd; font-size: .56rem; }.vp-model-meta td { padding: 0 6px; border-right: 1px solid #4b4e57; }.vp-model-meta td:first-child { padding-left: 0; }.vp-model-meta td:last-child { border-right: 0; }
.vp-input-tabs { display: grid; grid-template-columns: 1fr 1fr; margin: 22px 0 16px; border-bottom: 1px solid #41434b; }
.vp-input-tabs button { min-height: 42px; border: 0; border-bottom: 2px solid transparent; color: #adb0bc; background: transparent; cursor: pointer; }
.vp-input-tabs button[aria-selected="true"] { border-color: var(--sd-yellow); color: #fff; font-weight: 800; }
.vp-generation-form { display: grid; gap: 14px; }
.vp-generation-form label, .vp-generation-form legend { color: #fff; font-size: .8rem; font-weight: 750; }
.vp-generation-form label > span { color: #aeb2bd; }
.vp-generation-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.vp-prompt { position: relative; margin-top: 8px; }
.vp-prompt textarea { width: 100%; min-height: 140px; resize: vertical; padding: 12px; border: 1px solid #474a54; border-radius: 3px; color: #fff; background: #191a20; }
.vp-prompt > button { position: absolute; left: 8px; bottom: 8px; width: 28px; height: 28px; display: grid; place-items: center; border: 0; color: #b7bbc5; background: transparent; }
.vp-prompt small { position: absolute; right: 0; bottom: -20px; color: #9fa3ae; font-size: .68rem; }
.vp-image-input[hidden] { display: none; }
.vp-image-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: 8px; padding: 4px; border-radius: 8px; background: rgba(25,26,31,.45); }
.vp-image-modes button { min-height: 38px; border: 0; border-bottom: 2px solid transparent; border-radius: 999px; color: #aeb2bd; background: transparent; cursor: pointer; }.vp-image-modes button[aria-selected="true"] { border-bottom-color: rgba(255,229,0,.6); color: var(--sd-yellow); background: rgba(255,229,0,.1); font-weight: 800; }
.vp-image-upload-heading { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }.vp-image-upload-heading > strong, .vp-image-label { font-size: .8rem; }
.vp-end-frame-toggle { display: inline-flex; align-items: center; gap: 8px; color: #aeb2bd; font-size: .75rem; cursor: pointer; }.vp-end-frame-toggle input { position: absolute; opacity: 0; pointer-events: none; }.vp-end-frame-toggle i { position: relative; width: 40px; height: 22px; border-radius: 999px; background: #40424b; }.vp-end-frame-toggle i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .18s ease; }.vp-end-frame-toggle input:checked + i { background: var(--sd-yellow); }.vp-end-frame-toggle input:checked + i::after { transform: translateX(18px); }.vp-end-frame-toggle input:focus-visible + i { outline: 2px solid var(--sd-yellow); outline-offset: 2px; }
.vp-frame-uploads { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }.vp-reference-uploads { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 8px; }
.vp-upload { min-height: 140px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; margin-top: 8px; padding: 16px; border: 1px dashed #565a65; text-align: center; cursor: pointer; }.vp-upload--large { min-height: 180px; }.vp-upload--reference { min-height: 122px; margin-top: 0; padding: 10px 5px; }.vp-upload--reference strong { font-size: .7rem; }.vp-upload--reference span, .vp-upload--reference small { font-size: .56rem; }.vp-upload--reference u { color: var(--sd-yellow); }.vp-upload.has-file { border-color: var(--sd-yellow); background: rgba(255,229,0,.06); }
.vp-upload[hidden] { display: none; }
.vp-upload svg { color: var(--sd-yellow); }
.vp-upload span { font-size: .68rem; }
.vp-ratio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.vp-ratio-grid input, .vp-button-grid input, .vp-duration-grid input { position: absolute; opacity: 0; pointer-events: none; }
.vp-ratio-grid span { height: 75px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; border: 1px solid #4d505a; color: #fff; cursor: pointer; }
.vp-ratio-grid i { width: 44px; height: 25px; border: 2px solid #bfc2cb; border-radius: 4px; }
.vp-ratio-grid label:nth-child(2) i { width: 20px; height: 34px; }
.vp-ratio-grid input:checked + span, .vp-button-grid input:checked + span { border-color: var(--sd-yellow); color: var(--sd-yellow); background: rgba(255,229,0,.04); }
.vp-ratio-grid input:checked + span i { border-color: var(--sd-yellow); }
.vp-button-grid { display: grid; gap: 8px; margin-top: 8px; }
.vp-button-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vp-button-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vp-button-grid span { min-height: 44px; display: grid; place-items: center; border: 1px solid #4d505a; color: #bec1cb; cursor: pointer; }
.vp-duration-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 6px; }
.vp-duration-grid span { min-height: 32px; display: grid; place-items: center; color: #b9bdc7; cursor: pointer; }
.vp-duration-grid span::before { content: ""; width: 12px; height: 12px; margin-right: 8px; border: 2px solid #616570; border-radius: 50%; }
.vp-duration-grid input:checked + span { color: var(--sd-yellow); }
.vp-duration-grid input:checked + span::before { border-color: var(--sd-yellow); box-shadow: inset 0 0 0 3px #23242b; background: var(--sd-yellow); }
.vp-seed { display: grid; grid-template-columns: 36px 1fr 36px; }
.vp-seed input, .vp-seed button { height: 36px; border: 1px solid #474a54; color: #fff; background: #191a20; }
.vp-seed input { width: 100%; padding: 0 10px; border-inline: 0; }
.vp-toggle { display: flex; align-items: center; justify-content: space-between; }
.vp-toggle input { position: absolute; opacity: 0; }
.vp-toggle i { position: relative; width: 44px; height: 24px; border-radius: 99px; background: #414650; cursor: pointer; }
.vp-toggle i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .2s ease; }
.vp-toggle input:checked + i { background: var(--sd-yellow); }
.vp-toggle input:checked + i::after { transform: translateX(20px); }
.vp-credit-row { min-height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border: 1px solid #5d593d; border-radius: 4px; background: #3b3b3e; }
.vp-credit-row dt, .vp-credit-row dd { margin: 0; }.vp-credit-row output { color: var(--sd-yellow); font-weight: 800; }.vp-generation-form abbr { text-decoration: none; cursor: help; }
.vp-generate { min-height: 48px; border: 0; border-radius: 2px; color: #111; background: var(--sd-yellow); font-weight: 850; cursor: pointer; }
.vp-samples { display: flex; flex-direction: column; margin: 0; padding: 24px; }
.vp-samples figcaption { display: flex; align-items: center; gap: 8px; color: var(--sd-yellow); font-weight: 800; }
.vp-samples > video { width: 100%; flex: 1; min-height: 0; margin-top: 20px; object-fit: contain; background: #18191e; }
.vp-section { width: 1104px; max-width: 100%; margin: 0 auto; }
.vp-section > header { text-align: center; }
.vp-section h2 { margin: 0; font-size: 2.15rem; line-height: 1.16; letter-spacing: -.025em; }
.sd-video-hub .sd-page--video section > h2, .sd-video-hub .sd-page--video section > header h2 { color: #fff5ad; }
.vp-section > header > p { max-width: 880px; margin: 14px auto 0; color: #b9bdc7; }
.vp-featured { position: relative; min-height: 460px; margin-top: 23px; padding: 56px 44px; }
.vp-featured > h2 { text-align: center; }
.vp-featured__rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 22px; margin-top: 44px; }
.vp-featured__rail > a { min-width: 0; min-height: 96px; display: grid; grid-template-columns: 50px minmax(0,1fr); align-items: center; gap: 10px; padding: 4px; border-radius: 8px; color: #fff; text-align: left; }.vp-featured__rail > a:hover { background: rgba(255,255,255,.04); }.vp-featured__rail > a[hidden] { display: none; }
.vp-model-orb { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 5px; color: #fff; background: #050609; }
.vp-model-orb img { width: 40px; height: 40px; object-fit: contain; }
.vp-featured__rail dl { min-width: 0; margin: 0; }.vp-featured__rail dt { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 5px; }.vp-featured__rail dd { overflow: hidden; margin: 2px 0 0; color: #aeb2bd; font-size: .72rem; white-space: nowrap; text-overflow: ellipsis; }
.vp-featured__rail strong { flex: 1 0 100%; line-height: 1.18; }
.vp-featured__rail em { display: inline-block; padding: 1px 6px; color: #111; background: var(--sd-yellow); font-size: .5rem; font-style: normal; }
.vp-carousel-arrow { position: absolute; z-index: 4; top: 50%; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; color: #fff; background: #33363f; box-shadow: 0 4px 14px rgba(0,0,0,.28); transform: translateY(-50%); cursor: pointer; }.vp-carousel-arrow:hover { color: #111; background: var(--sd-yellow); }.vp-carousel-arrow--previous { left: 0; }.vp-carousel-arrow--next { right: 0; }
.vp-dots { display: flex; justify-content: center; gap: 10px; margin-top: 48px; }.vp-dots button { width: 12px; height: 12px; padding: 0; border: 0; border-radius: 50%; background: #414750; cursor: pointer; }.vp-dots button.is-active { background: var(--sd-yellow); }
.vp-effects { min-height: 756px; padding: 70px 0; }
.vp-effects > header { display: flex; align-items: end; justify-content: space-between; text-align: left; }
.vp-effects > header p { margin: 4px 0 0; }.vp-effects > header a { display: flex; align-items: center; gap: 7px; color: var(--sd-yellow); font-size: .82rem; font-weight: 800; }
.vp-effect-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 20px; }.vp-effect-filters button { min-height: 44px; padding: 0 20px; border: 1px solid #484b56; border-radius: 999px; color: #d1d4db; background: transparent; cursor: pointer; }.vp-effect-filters button.is-active { border-color: var(--sd-yellow); color: #111; background: var(--sd-yellow); }
.vp-effects__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.vp-effects__grid article { min-width: 0; overflow: hidden; border: 1px solid #3d404a; border-radius: 14px; background: #25262d; }
.vp-effects__grid article[hidden] { display: none; }
.vp-effect-media { position: relative; overflow: hidden; }
.vp-effect-media > a { display: block; }
.vp-effects__grid img, .vp-effects__grid video { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.vp-effects__grid video { position: absolute; inset: 0; z-index: 1; opacity: 0; transition: opacity .2s ease; }
.vp-effect-media.is-playing video { opacity: 1; }
.vp-effect-media > span { position: absolute; z-index: 3; top: 12px; left: 12px; padding: 4px 8px; border-radius: 3px; background: rgba(10,10,12,.78); font-size: .7rem; }
.vp-effect-media > button { position: absolute; z-index: 3; top: 10px; right: 10px; width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 50%; color: #fff; background: rgba(0,0,0,.65); cursor: pointer; }
.vp-effect-media > button:hover { background: rgba(0,0,0,.85); }
.vp-effect-media > button .vp-pause-icon { display: none; }
.vp-effect-media.is-playing > button .vp-play-icon { display: none; }
.vp-effect-media.is-playing > button .vp-pause-icon { display: block; }
.vp-effect-copy { display: block; }
.vp-effects__grid h3 { margin: 14px 16px 6px; font-size: 1rem; }.vp-effects__grid p { height: 44px; margin: 0 16px; overflow: hidden; color: #aeb2bd; font-size: .82rem; }.vp-effects__grid .vp-effect-copy > strong { display: flex; align-items: center; gap: 7px; margin: 15px 16px; color: var(--sd-yellow); font-size: .78rem; }
.vp-hero { min-height: 1068px; display: flex; flex-direction: column; align-items: center; padding: 150px 64px 80px; background: radial-gradient(circle at 50% 58%, rgba(255,229,0,.08), transparent 34%); text-align: center; }
.vp-hero h1 { max-width: 1024px; margin: 0; color: #fff5ad; font-size: 2.25rem; line-height: 1.1; }.vp-hero > p { max-width: 890px; margin: 22px auto; color: #c0c4ce; }.vp-hero > a { min-height: 50px; display: inline-flex; align-items: center; gap: 8px; padding: 0 28px; border-radius: 999px; color: #111; background: var(--sd-yellow); font-weight: 800; }.vp-hero figure { width: min(826px, 100%); margin: 64px auto 0; }.vp-hero figure img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; border-radius: 8px; }.vp-hero__facts { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 74px 0 0; padding: 0; font-size: 1.55rem; list-style: none; }.vp-hero__facts li:not(:last-child)::after { content: "|"; margin-left: 16px; color: #777b85; }
.vp-partner { min-height: 1068px; padding: 96px 16px; }
.vp-partner__tabs { display: grid; grid-template-columns: repeat(4, 1fr); margin: 60px auto 0; }.vp-partner__tabs button { min-height: 58px; border: 0; border-bottom: 2px solid transparent; color: #aeb2bd; background: transparent; }.vp-partner__tabs button[aria-selected="true"] { border-color: var(--sd-yellow); color: #fff; font-weight: 800; }
.vp-partner article { display: grid; grid-template-columns: 480px 1fr; align-items: center; gap: 64px; padding-top: 64px; }.vp-partner article[hidden] { display: none; }.vp-partner figure { margin: 0; }.vp-partner figure img, .vp-partner figure video { width: 480px; height: 480px; object-fit: contain; border-radius: 8px; }.vp-partner article h3 { margin: 0; font-size: 2.3rem; line-height: 1.12; }.vp-partner article p { color: #b8bcc6; }.vp-partner article a, .vp-capabilities article a { display: inline-flex; align-items: center; gap: 7px; color: var(--sd-yellow); font-weight: 800; }
.vp-tools { width: 1104px; max-width: 100%; min-height: 1048px; margin: 0 auto; padding: 96px 16px; }
.vp-tools > header { text-align: center; }.vp-tools > header h2 { margin: 0; color: #fff; font-size: 2.15rem; font-weight: 800; }.vp-tools > header p { display: block; max-width: 896px; margin: 16px auto 0; color: #b8bcc6; font-size: 1rem; font-weight: 400; }
.vp-tools__carousel { position: relative; margin-top: 94px; padding: 0 48px; }.vp-tools__grid { display: grid; grid-template-columns: repeat(4, 218px); justify-content: center; gap: 34px; margin: 0; padding: 0; list-style: none; }.vp-tools__grid li { min-width: 0; }.vp-tools__grid li[hidden] { display: none; }.vp-tools__grid a { height: 100%; display: block; overflow: hidden; border: 1px solid #454853; border-radius: 9px; background: #1a1b21; transition: transform .25s ease; }.vp-tools__grid a:hover { transform: scale(1.04); }.vp-tools__grid img { width: 218px; height: 176px; object-fit: cover; }.vp-tools__grid strong { display: block; padding: 14px; text-align: center; font-size: .84rem; }
.vp-tools > nav { display: flex; justify-content: center; gap: 9px; margin-top: 58px; }.vp-tools > nav button { width: 12px; height: 12px; overflow: hidden; padding: 0; border: 0; border-radius: 50%; color: transparent; background: #46505a; }.vp-tools > nav button.is-active { background: var(--sd-yellow); }
.vp-capabilities { min-height: 2790px; padding: 96px 16px; }.vp-capabilities article { min-height: 620px; display: grid; grid-template-columns: 504px 504px; align-items: center; gap: 64px; }.vp-capabilities article:nth-of-type(even) figure { order: 2; }.vp-capabilities figure { margin: 0; }.vp-capabilities figure img, .vp-capabilities figure video { width: 504px; height: auto; max-height: 336px; object-fit: contain; }.vp-capabilities article h3 { margin: 0; font-size: 2.1rem; line-height: 1.16; }.vp-capabilities article p { color: #bbc0ca; font-size: 1.02rem; }
.vp-capabilities article > div { padding-inline: 32px; }
.vp-steps { min-height: 1040px; padding: 96px 16px; }.vp-steps ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 70px 0 0; padding: 0; list-style: none; }.vp-steps li { position: relative; min-height: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px; border: 1px solid #4a4d58; border-radius: 12px; background: linear-gradient(145deg,#171815,#111217); text-align: center; }.vp-steps li > data { position: absolute; top: 18px; left: 20px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: #111; background: var(--sd-yellow); font-weight: 900; }.vp-steps li > i { width: 82px; height: 82px; display: grid; place-items: center; margin-bottom: 24px; border: 1px solid #4c505a; border-radius: 12px; color: var(--sd-yellow); }.vp-steps h3 { color: #fff7ae; }.vp-steps li p { color: #aeb2bd; }
.vp-uses { min-height: 1246px; padding: 96px 16px; }.vp-uses > ul { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 40px; margin: 64px 0 0; padding: 0; list-style: none; }.vp-uses article { min-height: 245px; padding: 30px; border: 1px solid #444751; border-radius: 12px; background: linear-gradient(135deg,#161713,#111217); }.vp-uses article > svg { color: var(--sd-yellow); }.vp-uses h3 { margin: 22px 0 8px; }.vp-uses p { color: #aeb2bd; }
.vp-testimonials { min-height: 726px; padding: 96px 16px; }.vp-testimonials > h2 { text-align: center; }.vp-testimonials__frame { position: relative; min-height: 400px; margin-top: 64px; padding: 46px; border: 1px solid #484b55; border-radius: 12px; background: linear-gradient(135deg,#171814,#101116); }.vp-testimonials blockquote { margin: 0; }.vp-testimonials blockquote[hidden] { display: none; }.vp-testimonials blockquote > p { margin: 0; font-size: 1.75rem; line-height: 1.45; }.vp-testimonials blockquote footer { display: flex; align-items: center; gap: 14px; margin-top: 64px; }.vp-testimonials blockquote img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }.vp-testimonials blockquote footer cite { display: grid; font-style: normal; }.vp-testimonials blockquote small { color: #aeb2bd; }.vp-testimonials__controls { position: absolute; right: 40px; bottom: 42px; display: flex; align-items: center; gap: 14px; }.vp-testimonials__controls > button { width: 34px; height: 34px; display: grid; place-items: center; padding: 0; border: 1px solid #555964; border-radius: 50%; color: #fff; background: transparent; }.vp-testimonials__controls nav { display: flex; gap: 8px; }.vp-testimonials__controls nav button { width: 9px; height: 9px; overflow: hidden; padding: 0; border: 0; border-radius: 50%; color: transparent; background: #565b64; }.vp-testimonials__controls nav button.is-active { width: 24px; border-radius: 99px; background: var(--sd-yellow); }
.vp-faq { min-height: 0; padding: 96px 16px 48px; }.vp-faq > h2 { text-align: center; }.vp-faq > div { display: grid; gap: 10px; margin-top: 64px; }.vp-faq details { border: 1px solid #454853; border-radius: 10px; background: #17181d; }.vp-faq summary { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 32px; color: #fff; cursor: pointer; font-size: 1rem; font-weight: 800; }.vp-faq summary > svg { flex: 0 0 auto; width: 28px; height: 28px; padding: 4px; border-radius: 50%; color: var(--sd-yellow); background: rgba(255,229,0,.1); transition: transform .2s ease; }.vp-faq details[open] summary { color: var(--sd-yellow); }.vp-faq details[open] summary > svg { transform: rotate(180deg); }.vp-faq details p { margin: 0; padding: 0 32px 28px; color: #bbc0ca; }
.vp-cta { width: 1104px; max-width: 100%; min-height: 720px; display: grid; grid-template-columns: 1fr 496px; align-items: center; gap: 54px; margin: 0 auto; padding: 96px 16px; }.vp-cta h2 { margin: 0; color: #fff5ad; font-size: 2.8rem; line-height: 1.08; }.vp-cta p { color: #c3c6ce; font-size: 1.05rem; }.vp-cta a { min-height: 52px; display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 0 30px; border-radius: 999px; color: #111; background: var(--sd-yellow); font-weight: 850; }.vp-cta figure { margin: 0; }.vp-cta video { width: 496px; height: 496px; object-fit: cover; }
.vp-steps, .vp-uses, .vp-testimonials, .vp-faq { margin-top: 64px; }
.vp-cta { margin-top: 0; }
.vp-footer { display: grid; grid-template-columns: minmax(280px, 1.4fr) repeat(3, minmax(150px, .6fr)); gap: 46px; margin-top: 0; padding: 64px max(28px, calc((100% - 1072px) / 2)); border-top: 1px solid #30323a; background: #0e0f13; }.vp-footer__brand > p { max-width: 390px; color: #9ea2ae; }.vp-footer__brand > small { color: #737781; }.vp-footer nav { display: flex; flex-direction: column; gap: 12px; }.vp-footer nav h2 { margin: 0 0 8px; font-size: .84rem; text-transform: uppercase; }.vp-footer nav a { color: #aeb2bd; font-size: .86rem; }

@media (min-width: 961px) {
    .sd-video-hub .sd-page--video { padding-right: 0; padding-left: 0; }
    .vp-tool, .vp-section, .vp-tools, .vp-hero, .vp-cta { width: 100%; max-width: none; margin-right: 0; margin-left: 0; }
    .vp-featured { padding-right: 44px; padding-left: 44px; }
    .vp-hero { padding-right: 24px; padding-left: 24px; }
    .vp-hero figure { width: min(980px, 100%); }
    .vp-partner article { grid-template-columns: 520px minmax(0, 1fr); gap: 48px; }
    .vp-partner figure img, .vp-partner figure video { width: 520px; height: 520px; }
    .vp-tools__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
    .vp-tools__grid img { width: 100%; height: auto; aspect-ratio: 1.24 / 1; }
    .vp-capabilities article { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
    .vp-capabilities figure img, .vp-capabilities figure video { width: 100%; max-height: none; }
    .vp-capabilities article > div { padding-inline: 24px; }
    .vp-cta { min-height: 712px; grid-template-columns: minmax(0, 1fr) minmax(520px, 600px); align-items: start; gap: 32px; padding: 56px 0; }
    .vp-cta figure, .vp-cta video { width: 100%; }
    .vp-cta video { height: auto; aspect-ratio: 1 / 1; }
}

@media (max-width: 960px) {
    .vp-tool { grid-template-columns: 1fr; }.vp-tool__form, .vp-samples { height: auto; }.vp-samples { min-height: 560px; }
    .vp-featured__rail, .vp-effects__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vp-partner article, .vp-capabilities article, .vp-cta { grid-template-columns: 1fr; }.vp-partner article figure, .vp-capabilities article figure { order: 0 !important; }
    .vp-tools__grid { grid-template-columns: repeat(2, 218px); }
    .vp-partner figure img, .vp-partner figure video, .vp-capabilities figure img, .vp-capabilities figure video, .vp-cta video { width: 100%; height: auto; }.vp-steps ol { grid-template-columns: repeat(2,1fr); }.vp-steps li:nth-child(4) { grid-column: auto; }
    .vp-footer { grid-template-columns: 1fr 1fr; gap: 38px 28px; padding: 58px 24px; }.vp-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
    .sd-video-hub .sd-page--video { padding: 16px 11px 0; }.sd-video-hub .sd-breadcrumbs { margin-bottom: 10px; }
    .vp-tool { gap: 10px; }.vp-tool__form, .vp-samples { padding: 16px; border-radius: 9px; }.vp-tool__form > header > strong { font-size: .95rem; }.vp-model-trigger { width: 160px; }.vp-model-dialog { position: fixed; top: calc(var(--sd-promo) + var(--sd-topbar) + 50px); right: 12px; left: 12px; width: auto; max-height: calc(100vh - var(--sd-promo) - var(--sd-topbar) - 72px); }
    .vp-model-subdialog { position: fixed; top: calc(var(--sd-promo) + var(--sd-topbar) + 50px) !important; right: 12px; left: 12px; width: auto; max-height: calc(100vh - var(--sd-promo) - var(--sd-topbar) - 72px); }
    .vp-samples { min-height: 460px; }.vp-samples > video { min-height: 380px; }
    .vp-section { width: 100%; }.vp-featured { min-height: 720px; padding: 58px 32px; }.vp-featured__rail { grid-template-columns: 1fr 1fr; gap: 22px 12px; }.vp-featured__rail > a { grid-template-columns: 44px minmax(0,1fr); gap: 8px; }.vp-model-orb { width: 44px; height: 44px; }.vp-featured__rail dd { display: none; }
    .vp-effects { min-height: 3000px; padding: 58px 0; }.vp-effects > header { display: block; }.vp-effects > header a { margin-top: 14px; }.vp-effect-filters { flex-wrap: nowrap; overflow-x: auto; }.vp-effects__grid { grid-template-columns: 1fr; }.vp-effects__grid img { aspect-ratio: 16 / 9; }
    .vp-hero { min-height: 980px; padding: 120px 4px 64px; }.vp-hero h1 { font-size: 2rem; }.vp-hero > p { font-size: .9rem; }.vp-hero figure { margin-top: 54px; }.vp-hero__facts { gap: 8px; margin-top: 56px; font-size: .8rem; }.vp-hero__facts li:not(:last-child)::after { margin-left: 8px; }
    .vp-section h2 { font-size: 1.8rem; }.vp-partner { min-height: 1900px; padding: 72px 4px; }.vp-partner__tabs { grid-template-columns: 1fr 1fr; margin-top: 36px; }.vp-partner article { gap: 28px; padding-top: 40px; }.vp-partner article h3 { font-size: 1.7rem; }
    .vp-tools { min-height: 1700px; padding: 72px 4px; }.vp-tools > header h2 { font-size: 1.8rem; }.vp-tools__carousel { margin-top: 54px; padding: 0 20px; }.vp-tools__grid { grid-template-columns: 1fr 1fr; gap: 12px; }.vp-tools__grid img { width: 100%; height: auto; aspect-ratio: 1.24 / 1; }.vp-tools__grid strong { padding: 10px 6px; font-size: .7rem; }.vp-tools__carousel .vp-carousel-arrow { width: 28px; height: 28px; }.vp-featured { padding-inline: 32px; }.vp-featured .vp-carousel-arrow { width: 28px; height: 28px; }
    .vp-capabilities { min-height: 4300px; padding: 72px 4px; }.vp-capabilities article { min-height: 980px; display: flex; flex-direction: column; justify-content: center; gap: 32px; }.vp-capabilities article > div { order: 2; padding-inline: 0; }.vp-capabilities article h3 { font-size: 1.7rem; }
    .vp-steps { min-height: 2500px; padding: 72px 4px; }.vp-steps ol { grid-template-columns: 1fr; margin-top: 44px; }.vp-steps li { min-height: 480px; }
    .vp-uses { min-height: 2300px; padding: 72px 4px; }.vp-uses > ul { grid-template-columns: 1fr; margin-top: 42px; }.vp-uses article { min-height: 290px; }
    .vp-testimonials { min-height: 780px; padding: 72px 4px; }.vp-testimonials__frame { min-height: 500px; padding: 28px 22px; }.vp-testimonials blockquote > p { font-size: 1.25rem; }.vp-testimonials__controls { right: 22px; bottom: 24px; }
    .vp-faq { min-height: 0; padding: 72px 4px 36px; }.vp-faq > div { margin-top: 40px; }.vp-faq summary { min-height: 78px; padding: 18px 16px; }.vp-faq details p { padding: 0 16px 20px; }
    .vp-cta { min-height: 980px; padding: 72px 4px; }.vp-cta h2 { font-size: 2.2rem; }.vp-cta video { aspect-ratio: 1 / 1; }
    .vp-footer { grid-template-columns: 1fr 1fr; gap: 38px 20px; padding: 58px 16px; }.vp-footer__brand { grid-column: 1 / -1; }.vp-footer nav:last-child { grid-column: 1 / -1; }
}

/* Rounded /video visual system, inspired by Aiobra while preserving Seedance identity. */
.sd-video-hub {
    --vp-surface: #24262e;
    --vp-surface-soft: #1a1c23;
    --vp-surface-raised: #2a2d36;
    --vp-line: #484d59;
    --vp-line-soft: #373b46;
    --vp-accent-soft: rgba(255, 229, 0, .1);
    --vp-accent-line: rgba(255, 229, 0, .3);
    --vp-shadow-panel: 0 18px 46px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .025);
    --vp-shadow-card: 0 10px 28px rgba(0, 0, 0, .16);
}
.sd-video-hub .sd-main { background: radial-gradient(circle at 78% 0%, rgba(255,229,0,.04), transparent 28%), #101116; }
.sd-video-hub .sd-promo { inset: 8px 12px auto; height: 44px; padding: 0 22px; border: 1px solid #eadfce; border-radius: 16px; background: rgba(255,247,223,.97); box-shadow: 0 10px 30px rgba(0,0,0,.14); backdrop-filter: blur(14px); }
.sd-video-hub .sd-promo > span { border-radius: 999px; }
.sd-video-hub .sd-topbar { background: rgba(17,18,23,.94); backdrop-filter: blur(16px); }
.sd-video-hub .sd-upgrade, .sd-video-hub .sd-signin { border-radius: 12px; }
.sd-video-hub .sd-upgrade { box-shadow: 0 8px 22px rgba(255,229,0,.12); }
.sd-video-hub .sd-signin { border-color: var(--vp-line); background: rgba(255,255,255,.025); }
.sd-video-hub .vp-tool__form, .sd-video-hub .vp-samples { border-color: var(--vp-line); border-radius: 22px; background: linear-gradient(145deg, #252730, #20222a); box-shadow: var(--vp-shadow-panel); }
.sd-video-hub .vp-model-trigger { width: 164px; border-color: var(--vp-line); border-radius: 12px; background: var(--vp-surface-soft); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.sd-video-hub .vp-model-dialog, .sd-video-hub .vp-model-subdialog { padding: 7px; border-color: var(--vp-line); border-radius: 16px; background: rgba(31,33,40,.98); box-shadow: 0 22px 55px rgba(0,0,0,.4); }
.sd-video-hub .vp-model-dialog > button, .sd-video-hub .vp-model-option, .sd-video-hub .vp-model-option > button { border-radius: 11px; }
.sd-video-hub .vp-model-dialog > button:hover, .sd-video-hub .vp-model-dialog > button:focus-visible, .sd-video-hub .vp-model-option:hover, .sd-video-hub .vp-model-option:focus-within { background: var(--vp-accent-soft); }
.sd-video-hub .vp-model-dialog i span, .sd-video-hub .vp-model-dialog strong em, .sd-video-hub .vp-model-subdialog strong em { border-color: var(--vp-accent-line); border-radius: 999px; background: rgba(255,229,0,.035); }
.sd-video-hub .vp-input-tabs { gap: 5px; padding: 4px; border: 1px solid var(--vp-line-soft); border-radius: 999px; background: rgba(16,17,22,.55); }
.sd-video-hub .vp-input-tabs button { min-height: 40px; border: 0; border-radius: 999px; }
.sd-video-hub .vp-input-tabs button[aria-selected="true"] { color: var(--sd-yellow); background: var(--vp-accent-soft); box-shadow: 0 5px 16px rgba(0,0,0,.18), inset 0 0 0 1px var(--vp-accent-line); }
.sd-video-hub .vp-image-modes { border: 1px solid var(--vp-line-soft); border-radius: 15px; background: rgba(16,17,22,.48); }
.sd-video-hub .vp-image-modes button { border-radius: 12px; }
.sd-video-hub .vp-prompt textarea { border-color: var(--vp-line); border-radius: 15px; background: var(--vp-surface-soft); box-shadow: inset 0 1px rgba(255,255,255,.02); }
.sd-video-hub .vp-prompt textarea:focus { border-color: var(--sd-yellow); outline: 0; box-shadow: 0 0 0 3px rgba(255,229,0,.1); }
.sd-video-hub .vp-prompt > button { border-radius: 10px; color: var(--sd-yellow); background: var(--vp-accent-soft); }
.sd-video-hub .vp-info-icon { display: inline-grid; width: 18px; height: 18px; place-items: center; vertical-align: -4px; color: #c7cad3; cursor: help; }
.sd-video-hub .vp-upload { border-color: #5b606d; border-radius: 16px; background: rgba(255,255,255,.02); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.sd-video-hub .vp-upload:hover { border-color: var(--sd-yellow); background: var(--vp-accent-soft); transform: translateY(-2px); }
.sd-video-hub .vp-upload > svg { padding: 7px; border-radius: 12px; background: var(--vp-accent-soft); box-sizing: content-box; }
.sd-video-hub .vp-end-frame-toggle i, .sd-video-hub .vp-toggle i { box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); }
.sd-video-hub .vp-ratio-grid span, .sd-video-hub .vp-button-grid span { border-color: var(--vp-line); border-radius: 13px; background: rgba(255,255,255,.018); transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.sd-video-hub .vp-ratio-grid span:hover, .sd-video-hub .vp-button-grid span:hover { border-color: #6a707e; background: rgba(255,255,255,.035); transform: translateY(-1px); }
.sd-video-hub .vp-ratio-grid input:checked + span, .sd-video-hub .vp-button-grid input:checked + span { border-color: var(--sd-yellow); background: var(--vp-accent-soft); box-shadow: 0 5px 16px rgba(0,0,0,.14); }
.sd-video-hub .vp-seed { overflow: hidden; border: 1px solid var(--vp-line); border-radius: 12px; background: var(--vp-surface-soft); }
.sd-video-hub .vp-seed input, .sd-video-hub .vp-seed button { border: 0; background: transparent; }
.sd-video-hub .vp-seed button { display: grid; place-items: center; color: #c9ccd5; }
.sd-video-hub .vp-seed button:hover { color: var(--sd-yellow); background: var(--vp-accent-soft); }
.sd-video-hub .vp-credit-row { border-color: var(--vp-accent-line); border-radius: 14px; background: linear-gradient(110deg, rgba(255,229,0,.105), rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.sd-video-hub .vp-credit-row dt { display: inline-flex; align-items: center; gap: 9px; }
.sd-video-hub .vp-credit-row dt > svg { color: var(--sd-yellow); }
.sd-video-hub .vp-generate { border-radius: 14px; background: linear-gradient(100deg, #ffe500, #fff174); box-shadow: 0 10px 26px rgba(255,229,0,.16); transition: transform .18s ease, filter .18s ease, box-shadow .18s ease; }
.sd-video-hub .vp-generate:hover { transform: translateY(-2px); filter: brightness(1.03); box-shadow: 0 14px 30px rgba(255,229,0,.22); }
.sd-video-hub .vp-samples > video, .sd-video-hub .sd-generation-result { border-radius: 16px; }
.sd-video-hub .sd-generation-result { border-color: var(--vp-line); background: var(--vp-surface-soft); }
.sd-video-hub .vp-featured__rail > a { border: 1px solid transparent; border-radius: 17px; background: rgba(255,255,255,.018); box-shadow: 0 7px 22px rgba(0,0,0,.07); transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.sd-video-hub .vp-featured__rail > a:hover { border-color: var(--vp-accent-line); background: var(--vp-accent-soft); box-shadow: var(--vp-shadow-card); transform: translateY(-3px); }
.sd-video-hub .vp-model-orb { border: 1px solid var(--vp-line-soft); border-radius: 14px; background: #101116; }
.sd-video-hub .vp-carousel-arrow { border: 1px solid var(--vp-line); background: var(--vp-surface-raised); box-shadow: var(--vp-shadow-card); transition: transform .18s ease, color .18s ease, background .18s ease; }
.sd-video-hub .vp-carousel-arrow:hover { transform: translateY(-50%) scale(1.06); }
.sd-video-hub .vp-effect-filters button { border-color: var(--vp-line); background: rgba(255,255,255,.018); }
.sd-video-hub .vp-effect-filters button:hover { border-color: var(--vp-accent-line); color: #fff7b0; }
.sd-video-hub .vp-effect-filters button.is-active, .sd-video-hub .vp-effect-filters button[aria-pressed="true"] { border-color: var(--sd-yellow) !important; color: #111 !important; background: var(--sd-yellow) !important; box-shadow: 0 7px 20px rgba(255,229,0,.12); -webkit-text-fill-color: #111; }
.sd-video-hub .vp-effects__grid article { border-color: var(--vp-line-soft); border-radius: 18px; background: linear-gradient(145deg, #272932, #20222a); box-shadow: var(--vp-shadow-card); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.sd-video-hub .vp-effects__grid article:hover { border-color: var(--vp-accent-line); box-shadow: 0 18px 38px rgba(0,0,0,.24); transform: translateY(-4px); }
.sd-video-hub .vp-effect-media > span { border: 1px solid rgba(255,255,255,.1); border-radius: 999px; backdrop-filter: blur(8px); }
.sd-video-hub .vp-effect-media > button { box-shadow: 0 6px 18px rgba(0,0,0,.3); }
.sd-video-hub .vp-hero figure img, .sd-video-hub .vp-partner figure img, .sd-video-hub .vp-partner figure video, .sd-video-hub .vp-capabilities figure img, .sd-video-hub .vp-capabilities figure video { border-radius: 22px; box-shadow: 0 18px 42px rgba(0,0,0,.2); }
.sd-video-hub .vp-hero > a, .sd-video-hub .vp-cta a { box-shadow: 0 10px 26px rgba(255,229,0,.15); transition: transform .18s ease, box-shadow .18s ease; }
.sd-video-hub .vp-hero > a:hover, .sd-video-hub .vp-cta a:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(255,229,0,.22); }
.sd-video-hub .vp-hero__facts { gap: 10px; }
.sd-video-hub .vp-hero__facts li { padding: 7px 15px; border: 1px solid var(--vp-line-soft); border-radius: 999px; background: rgba(255,255,255,.018); }
.sd-video-hub .vp-hero__facts li:not(:last-child)::after { display: none; }
.sd-video-hub .vp-partner__tabs { gap: 5px; padding: 5px; border: 1px solid var(--vp-line-soft); border-radius: 18px; background: rgba(16,17,22,.5); }
.sd-video-hub .vp-partner__tabs button { border: 0; border-radius: 13px; cursor: pointer; }
.sd-video-hub .vp-partner__tabs button[aria-selected="true"] { color: var(--sd-yellow); background: var(--vp-accent-soft); box-shadow: inset 0 0 0 1px var(--vp-accent-line); }
.sd-video-hub .vp-tools__grid a { border-color: var(--vp-line-soft); border-radius: 17px; background: linear-gradient(145deg, #24262e, #1d1f26); box-shadow: var(--vp-shadow-card); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.sd-video-hub .vp-tools__grid a:hover { border-color: var(--vp-accent-line); box-shadow: 0 17px 36px rgba(0,0,0,.23); transform: translateY(-4px) scale(1.015); }
.sd-video-hub .vp-capabilities article { margin-top: 18px; padding: 20px; border: 1px solid var(--vp-line-soft); border-radius: 24px; background: linear-gradient(145deg, rgba(38,40,48,.74), rgba(25,27,34,.72)); box-shadow: var(--vp-shadow-panel); }
.sd-video-hub .vp-capabilities article:first-of-type { margin-top: 54px; }
.sd-video-hub .vp-partner article a, .sd-video-hub .vp-capabilities article a { min-height: 42px; padding: 8px 17px; border: 1px solid var(--vp-accent-line); border-radius: 999px; background: var(--vp-accent-soft); }
.sd-video-hub .vp-steps li, .sd-video-hub .vp-uses article { border-color: var(--vp-line-soft); border-radius: 20px; background: linear-gradient(145deg, #21232a, #181a20); box-shadow: var(--vp-shadow-card); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.sd-video-hub .vp-steps li:hover, .sd-video-hub .vp-uses article:hover { border-color: var(--vp-accent-line); box-shadow: 0 17px 36px rgba(0,0,0,.22); transform: translateY(-4px); }
.sd-video-hub .vp-steps li > i { border-color: var(--vp-accent-line); border-radius: 20px; background: var(--vp-accent-soft); }
.sd-video-hub .vp-testimonials__frame { border-color: var(--vp-line-soft); border-radius: 24px; background: linear-gradient(145deg, #22242b, #17191f); box-shadow: var(--vp-shadow-panel); }
.sd-video-hub .vp-testimonials__controls > button { border-color: var(--vp-line); background: rgba(255,255,255,.025); }
.sd-video-hub .vp-faq > div { gap: 12px; }
.sd-video-hub .vp-faq details { overflow: hidden; border-color: var(--vp-line-soft); border-radius: 16px; background: linear-gradient(145deg, #20222a, #191b21); box-shadow: 0 7px 22px rgba(0,0,0,.08); }
.sd-video-hub .vp-faq details[open] { border-color: var(--vp-accent-line); box-shadow: var(--vp-shadow-card); }
.sd-video-hub .vp-faq summary > svg { border-radius: 50%; background: var(--vp-accent-soft); }
.sd-video-hub .vp-cta { overflow: hidden; border: 1px solid var(--vp-line-soft); border-radius: 26px; background: radial-gradient(circle at 74% 40%, rgba(255,229,0,.055), transparent 32%), linear-gradient(145deg, #20222a, #15171d); box-shadow: var(--vp-shadow-panel); }
.sd-video-hub .vp-cta > div { padding-left: 36px; }
.sd-video-hub .vp-cta figure, .sd-video-hub .vp-cta video { border-radius: 22px 0 0 22px; }

@media (max-width: 680px) {
    .sd-video-hub .sd-promo { inset: 3px 5px auto; height: 28px; padding: 0 7px; border-radius: 10px; }
    .sd-video-hub .sd-promo > span { padding-inline: 5px; }
    .sd-video-hub .vp-tool__form, .sd-video-hub .vp-samples { border-radius: 18px; }
    .sd-video-hub .vp-featured { padding-inline: 28px; }
    .sd-video-hub .vp-featured__rail > a { border-radius: 15px; }
    .sd-video-hub .vp-capabilities article { padding: 16px; border-radius: 20px; }
    .sd-video-hub .vp-capabilities article:first-of-type { margin-top: 38px; }
    .sd-video-hub .vp-steps li, .sd-video-hub .vp-uses article { border-radius: 18px; }
    .sd-video-hub .vp-testimonials__frame { border-radius: 20px; }
    .sd-video-hub .vp-faq details { border-radius: 14px; }
    .sd-video-hub .vp-cta { padding-inline: 16px; border-radius: 20px; }
    .sd-video-hub .vp-cta > div { padding-left: 0; }
    .sd-video-hub .vp-cta figure, .sd-video-hub .vp-cta video { border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    body.sd-motion-ready .sd-reveal { opacity: 1; transform: none; }
    .sd-library__grid a:hover, .sd-model-cards a:hover, .sd-effect-cards a:hover, .sd-related-tools a:hover, .sd-showcase article:hover, .sd-steps li:hover, .sd-use-cases li:hover, .sd-testimonials blockquote:hover, .sd-video-hub .vp-upload:hover, .sd-video-hub .vp-generate:hover, .sd-video-hub .vp-featured__rail > a:hover, .sd-video-hub .vp-effects__grid article:hover, .sd-video-hub .vp-tools__grid a:hover, .sd-video-hub .vp-steps li:hover, .sd-video-hub .vp-uses article:hover { transform: none; }
}

/* Model pages placed from the measured reference layout (hero media, sample artwork and per-section media). */
.sd-h1-accent { color: transparent; background: linear-gradient(to right, #fff, #f9e10b); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.sd-page--reference .sd-page-hero > h1 { font-size: 3rem; line-height: 1; letter-spacing: -.02em; color: #fff; }
.sd-page--reference .sd-page-hero__grid h2 { color: rgba(255,255,255,.9); font-size: 1.875rem; line-height: 1.2; font-weight: 650; }
.sd-page--reference .sd-page-hero__grid p { color: #b0b0b5; font-size: 1.0625rem; line-height: 1.65; }
.sd-hero-bullets li { gap: 10px; color: #e7e8ec; font-size: .95rem; }
.sd-hero-bullets li svg { flex: 0 0 auto; filter: drop-shadow(0 0 8px currentColor); }
.sd-page--reference .sd-page-hero .sd-primary-action { min-height: 56px; padding: 0 40px; font-size: 1.125rem; }
.sd-reference-hero-media video, .sd-reference-hero-media img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 20px; background: #191a20; }
article.sd-page.sd-page--reference > #creator .sd-tool { min-height: 0; margin-bottom: 40px; align-items: start; }
article.sd-page.sd-page--reference > #creator .sd-tool__preview { min-height: 0; height: auto; }
article.sd-page.sd-page--reference > #creator .sd-tool__form { height: auto; }
.sd-tool__preview > .sd-reference-sample { width: 100%; flex: none; height: 686px; min-height: 0; max-height: none; object-fit: contain; background: transparent; border-radius: 10px; }
@media (max-width: 960px) { .sd-tool__preview > .sd-reference-sample { height: auto; max-height: 520px; } }
.sd-page--reference .sd-page-hero--post-tool { min-height: 0; padding: 72px 16px 24px; }
.sd-reference-intro-media { width: min(640px, 100%); margin: 40px auto 0; }
.sd-reference-intro-media img, .sd-reference-intro-media video { width: 100%; height: auto; border-radius: 16px; }
.sd-ref-intro { text-align: center; }
.sd-ref-intro h2 { max-width: 980px; margin: 0 auto; }
.sd-ref-intro__lead { max-width: 1020px; margin: 22px auto 0; color: #e7e8ec; font-size: 1.5rem; line-height: 1.35; }
.sd-ref-intro > p:not(.sd-ref-intro__lead) { max-width: 900px; margin: 22px auto 0; color: #9fa3ad; font-size: .92rem; line-height: 1.6; }
.sd-ref-intro > a { min-height: 48px; display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; padding: 0 24px; border-radius: 999px; color: #1a1a1a; background: var(--sd-yellow); font-weight: 750; }
.sd-ref-intro figure { width: min(640px, 100%); margin: 68px auto 0; }
.sd-ref-intro figure img, .sd-ref-intro figure video { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 30px 80px rgba(0,0,0,.45); }
.sd-ref-cards__plain { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 40px 0 0; padding: 0; list-style: none; text-align: left; }
.sd-ref-cards__plain li { padding: 28px; border: 1px solid #4d4d56; border-radius: 12px; background: #121216; }
.sd-ref-steps ol { display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; margin: 0; padding: 0; list-style: none; }
.sd-ref-steps li { position: relative; width: 280px; padding: 64px 24px 28px; border: 1px solid #4d4d56; border-radius: 12px; background: #121216; text-align: center; box-shadow: 0 10px 24px rgba(0,0,0,.25); transition: transform .3s ease, border-color .3s ease; }
.sd-ref-steps li:hover, .sd-ref-cards li:hover { transform: translateY(-4px); border-color: rgba(249,225,11,.3); }
.sd-ref-steps__number { position: absolute; left: 20px; top: 16px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; color: #1a1a1a; background: rgba(249,225,11,.9); font-size: 1.125rem; font-weight: 800; }
.sd-ref-steps li > i { width: fit-content; display: block; margin: 0 auto 24px; padding: 16px; border: 1px solid #4d4d56; border-radius: 12px; background: rgba(18,18,22,.5); }
.sd-ref-steps li > i img { width: 48px; height: 48px; display: block; }
.sd-ref-steps h3, .sd-ref-cards h3, .sd-ref-cards__plain h3 { margin: 0 0 12px; color: transparent; background: linear-gradient(to right, #fff 30%, #f9e10b); -webkit-background-clip: text; background-clip: text; font-size: 1.25rem; line-height: 1.3; }
.sd-ref-steps p, .sd-ref-cards p, .sd-ref-cards__plain p { margin: 0; color: #a6a6ad; font-size: .95rem; line-height: 1.7; }
.sd-ref-cards ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.sd-ref-cards li { padding: 32px; border: 1px solid #4d4d56; border-radius: 12px; background: #121216; box-shadow: 0 10px 24px rgba(0,0,0,.25); transition: transform .3s ease, border-color .3s ease; }
.sd-ref-cards li > img { width: 48px; height: 48px; display: block; margin-bottom: 20px; }
.sd-ref-showcase figure img, .sd-ref-showcase figure video { aspect-ratio: auto; object-fit: cover; border-radius: 12px; }
.sd-ref-reviews { height: auto; margin: 0 auto; max-width: 1152px; }
.sd-ref-reviews .sd-home-reviews__frame { height: auto; min-height: 430px; padding-bottom: 110px; }
.sd-ref-reviews blockquote footer { display: flex; align-items: center; gap: 14px; margin-top: 40px; }
.sd-ref-reviews blockquote footer img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.sd-ref-reviews blockquote footer span { display: grid; gap: 2px; }
.sd-ref-cta { max-width: 1104px; margin: 64px auto 0; display: grid; grid-template-columns: minmax(0, 1fr) 496px; align-items: center; gap: 64px; padding: 96px 16px; }
.sd-ref-cta h2 { margin: 0; color: #fff4ad; font-size: 2.5rem; line-height: 1.12; }
.sd-ref-cta p { margin: 24px 0 0; color: #c7cad2; font-size: 1.05rem; line-height: 1.7; }
.sd-ref-cta a { min-height: 52px; display: inline-flex; align-items: center; gap: 9px; margin-top: 40px; padding: 0 28px; border-radius: 999px; color: #111; background: var(--sd-yellow); font-weight: 800; }
.sd-ref-cta figure { width: 496px; height: 496px; margin: 0; overflow: hidden; border-radius: 12px; background: #18191f; }
.sd-ref-cta video { width: 100%; height: 100%; object-fit: cover; }
.sd-ref-models { max-width: 1104px; margin: 0 auto; padding: 72px 16px 24px; }
.sd-ref-models > ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.sd-ref-models li a { height: 100%; display: flex; gap: 14px; padding: 18px; border: 1px solid #3d3f48; border-radius: 12px; background: #17181e; }
.sd-ref-models li a:hover { border-color: rgba(249,225,11,.35); }
.sd-ref-models img, .sd-ref-models__icon { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; color: var(--sd-yellow); background: #23252d; }
.sd-ref-models span { min-width: 0; display: grid; gap: 6px; }
.sd-ref-models small { color: #9da1ad; font-size: .8rem; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* Reference artwork that carries the former brand watermark in its lower edge is shown with that edge cropped away. */
img.sd-ref-crop, video.sd-ref-crop { transform: scale(1.2); transform-origin: 50% 0; }
.sd-ref-showcase figure, .sd-ref-intro figure, .sd-library__grid a, .sd-ref-link-cards a { overflow: hidden; }
.sd-ref-link-cards ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.sd-ref-link-cards li[hidden] { display: none; }
.sd-ref-link-cards a { position: relative; display: block; overflow: hidden; border: 1px solid #3d3f48; border-radius: 12px; background: #17181e; transition: transform .25s ease, border-color .25s ease; }
.sd-ref-link-cards a:hover { transform: translateY(-4px); border-color: rgba(249,225,11,.35); }
.sd-ref-link-cards img, .sd-ref-link-cards video { width: 100%; aspect-ratio: 1 / 1; display: block; object-fit: cover; }
.sd-ref-link-cards video { position: absolute; inset: 0; height: auto; opacity: 0; transition: opacity .2s ease; }
.sd-ref-link-cards a:hover video { opacity: 1; }
.sd-ref-link-cards strong { position: absolute; left: 0; right: 0; bottom: 0; padding: 32px 14px 14px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.82)); font-size: .95rem; line-height: 1.25; }
.sd-ref-link-cards__pages { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 28px; }
.sd-ref-link-cards__pages > button { width: 34px; height: 34px; display: grid; place-items: center; padding: 0; border: 1px solid #4d505a; border-radius: 50%; color: #fff; background: transparent; }
.sd-ref-link-cards__pages > button[data-carousel-page-button] { width: 9px; height: 9px; border: 0; background: #555965; }
.sd-ref-link-cards__pages > button[aria-current="true"] { width: 24px; border-radius: 999px; background: var(--sd-yellow); }
@media (max-width: 960px) {
    .sd-ref-link-cards ul, .sd-ref-models > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sd-page--reference .sd-page-hero > h1 { font-size: 2rem; }
    .sd-ref-cards ul, .sd-ref-cards__plain { grid-template-columns: 1fr; }
    .sd-ref-steps li { width: 100%; }
    .sd-ref-cta { grid-template-columns: 1fr; gap: 36px; padding: 64px 16px; }
    .sd-ref-cta figure { width: min(496px, 100%); height: auto; aspect-ratio: 1; margin-inline: auto; }
    .sd-ref-intro__lead { font-size: 1.15rem; }
}

/* Seedance account, pricing, and administrator workspaces. */
.sd-account-menu { position: relative; }
.sd-account-menu > summary { min-height: 38px; display: flex; align-items: center; gap: 8px; padding: 4px 11px 4px 5px; border: 1px solid #454852; border-radius: 999px; color: #fff; background: #202128; cursor: pointer; list-style: none; }
.sd-account-menu > summary::-webkit-details-marker { display: none; }
.sd-account-menu > summary > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #111; background: var(--sd-yellow); font-weight: 900; }
.sd-account-menu > summary > strong { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; }
.sd-account-menu > div { position: absolute; z-index: 50; right: 0; top: calc(100% + 9px); width: 210px; padding: 8px; border: 1px solid #454852; border-radius: 10px; background: #17181e; box-shadow: 0 18px 44px rgba(0,0,0,.42); }
.sd-account-menu > div a, .sd-account-menu > div button { width: 100%; min-height: 40px; display: flex; align-items: center; padding: 0 11px; border: 0; border-radius: 7px; color: #dedfe5; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.sd-account-menu > div a:hover, .sd-account-menu > div button:hover { color: #111; background: var(--sd-yellow); }
.sd-flash--error { border-color: #a74752; color: #ffd5da; background: #35191e; }
.sd-flash--warning { border-color: #9b7b20; color: #fff1b0; background: #30270f; }
.sd-flash ul { margin: 8px 0 0; }
.sd-workspace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.sd-workspace-card { min-width: 0; }
.sd-workspace-card > p, .sd-workspace-card header p { color: #adafba; line-height: 1.65; }
.sd-action-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.sd-action-row a, .sd-admin-grid a { border: 1px solid #41444e; color: #f0f1f5; background: #121319; }
.sd-action-row a { min-height: 40px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; }
.sd-action-row a:hover, .sd-admin-grid a:hover { border-color: var(--sd-yellow); }
.sd-status { display: inline-flex; padding: 4px 8px; border-radius: 999px; color: #d5d7de; background: #343640; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.sd-status--succeeded { color: #a9f6c6; background: #173a29; }
.sd-status--queued, .sd-status--processing { color: #fff0a8; background: #443a12; }
.sd-status--failed { color: #ffc5cc; background: #4a2027; }
.sd-dashboard-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.sd-dashboard-plans article { padding: 20px; border: 1px solid #3b3e48; border-radius: 10px; background: #191a21; }
.sd-dashboard-plans article.is-featured { border-color: rgba(249,225,11,.65); }
.sd-dashboard-plans h2 { margin: 0; }
.sd-dashboard-plans button, .sd-plan-card button { width: 100%; min-height: 44px; border: 1px solid #4a4d58; border-radius: 7px; color: #8f929c; background: #262831; cursor: not-allowed; }
.sd-card-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.sd-card-header form { display: flex; gap: 7px; }
.sd-card-header input, .sd-inline-control input { min-height: 40px; padding: 0 10px; border: 1px solid #4b4e59; border-radius: 6px; color: #fff; background: #101116; }
.sd-card-header button, .sd-inline-control button { min-height: 40px; padding: 0 12px; border: 0; border-radius: 6px; color: #111; background: var(--sd-yellow); font-weight: 800; }
.sd-inline-control { min-width: 260px; display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.sd-inline-control input:not(:required) { display: none; }
.sd-admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sd-admin-grid a { display: grid; gap: 7px; padding: 22px; border-radius: 10px; }
.sd-admin-grid span { color: #aaaeba; }
.sd-integration-list { display: grid; gap: 10px; }
.sd-integration-list article { display: flex; align-items: flex-start; gap: 14px; padding: 16px; border: 1px solid #373a44; border-radius: 9px; background: #13141a; }
.sd-integration-list h3, .sd-integration-list p { margin: 0; }
.sd-integration-list p { margin-top: 5px; }
.sd-integration-state { min-width: 76px; display: inline-flex; justify-content: center; padding: 5px 8px; border-radius: 999px; font-size: .68rem; font-weight: 900; text-transform: uppercase; }
.sd-integration-state--active { color: #9ff3be; background: #173a29; }
.sd-integration-state--waiting { color: #ffe68b; background: #403512; }
.sd-integration-state--off, .sd-integration-state--attention { color: #ffc5cc; background: #4a2027; }

.sd-home-pricing { width: 100%; margin-top: 32px; padding: 32px 0 80px; background: var(--sd-bg); }
.sd-pricing { max-width: 1220px; padding-top: 0; }
.sd-pricing__hero { max-width: 940px; margin: 0 auto 10px; text-align: center; }
.sd-pricing__hero h1 { max-width: 850px; margin: 8px auto 18px; font-size: clamp(2.7rem, 6vw, 5.4rem); line-height: .98; letter-spacing: -.045em; }
.sd-pricing__hero > p:not(.sd-kicker):not(.sd-pricing__assurance) { max-width: 760px; margin-inline: auto; color: #b9bbc4; font-size: 1.1rem; line-height: 1.65; }
.sd-pricing__hero > ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin: 24px 0 28px; padding: 0; list-style: none; color: #f1f2f5; }
.sd-pricing__hero > ul li { display: inline-flex; align-items: center; font-weight: 750; }
.sd-pricing__hero > ul li::before { content: '\2713'; margin-right: 9px; color: var(--sd-yellow); font-size: 1.32rem; font-weight: 1000; line-height: 1; }
.sd-pricing-tabs { width: min(620px, 100%); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin: 0 auto; padding: 4px; border: 1px solid #444751; border-radius: 12px; background: #17181e; }
.sd-pricing-tabs button { min-height: 42px; padding: 4px 12px; border: 0; border-radius: 8px; color: #c5c7ce; background: transparent; font: inherit; font-size: .9rem; font-weight: 850; cursor: pointer; }
.sd-pricing-tabs button span { display: block; margin-top: 2px; color: var(--sd-yellow); font-size: .68rem; font-weight: 950; text-transform: uppercase; }
.sd-pricing-tabs button.is-active { color: #111; background: var(--sd-yellow); box-shadow: 0 8px 24px rgba(249,225,11,.2); }
.sd-pricing-tabs button.is-active span { color: #111; }
.sd-pricing__assurance { margin: 7px 0 0; color: var(--sd-yellow); font-size: .86rem; font-weight: 950; }
.sd-pricing-panel { margin-top: 0; }
.sd-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.sd-plan-grid--single { grid-template-columns: minmax(0, 600px); justify-content: center; }
.sd-pay-once-intro { max-width: 780px; margin: 28px auto 24px; text-align: center; }
.sd-pay-once-intro .sd-kicker { justify-content: center; }
.sd-pay-once-intro h2 { margin: 6px 0 10px; font-size: clamp(1.8rem, 3.7vw, 3rem); line-height: 1.05; letter-spacing: -.035em; }
.sd-pay-once-intro > p:last-child { margin: 0; color: #aeb1bb; line-height: 1.65; }
.sd-plan-grid--pay-once { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.sd-plan-grid--pay-once .sd-plan-card { padding: 20px; }
.sd-plan-grid--pay-once .sd-plan-card h2 { font-size: 1.28rem; }
.sd-plan-grid--pay-once .sd-plan-card > p:first-of-type { min-height: 70px; font-size: .82rem; }
.sd-plan-grid--pay-once .sd-plan-card__price { flex-wrap: wrap; row-gap: 1px; }
.sd-plan-grid--pay-once .sd-plan-card__price strong { font-size: clamp(2.1rem, 3vw, 2.75rem); }
.sd-plan-grid--pay-once .sd-plan-card__price span { font-size: .7rem; }
.sd-plan-grid--pay-once .sd-plan-card__badges > span { min-width: 0; max-width: 100%; white-space: normal; line-height: 1.2; text-align: center; }
.sd-plan-grid--pay-once .sd-plan-card__credits { padding: 13px; }
.sd-plan-grid--pay-once .sd-plan-card__credits strong { font-size: 1.65rem; }
.sd-plan-card__pay-once-value { display: grid; gap: 9px; margin-bottom: 14px; padding: 13px 0; border-block: 1px solid #373a44; }
.sd-plan-card__pay-once-value p { display: grid; gap: 1px; margin: 0; }
.sd-plan-card__pay-once-value strong { color: var(--sd-yellow); font-size: 1rem; font-weight: 950; }
.sd-plan-card__pay-once-value span { color: #d7d9df; font-size: .72rem; line-height: 1.35; }
.sd-plan-card { position: relative; min-width: 0; display: flex; flex-direction: column; padding: 28px; border: 1px solid #41444e; border-radius: 17px; background: linear-gradient(155deg, #24262e, #17181e); box-shadow: 0 18px 46px rgba(0,0,0,.24); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.sd-plan-card.is-featured { border: 2px solid var(--sd-yellow); box-shadow: 0 22px 58px rgba(249,225,11,.11); }
.sd-plan-card:hover, .sd-plan-card:focus-within { border-color: var(--sd-yellow); box-shadow: 0 24px 62px rgba(249,225,11,.2), 0 0 0 1px var(--sd-yellow); transform: translateY(-4px); }
.sd-plan-card__badges { min-height: 27px; display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 13px; }
.sd-plan-card__badge, .sd-plan-card__discount { display: inline-flex; align-items: center; padding: 6px 9px; border-radius: 999px; font-size: .67rem; font-weight: 950; text-transform: uppercase; }
.sd-plan-card__badge { color: #111; background: var(--sd-yellow); }
.sd-plan-card__discount { color: var(--sd-yellow); background: rgba(249,225,11,.11); }
.sd-plan-card h2 { margin: 0; font-size: 1.6rem; }
.sd-plan-card > p:first-of-type { min-height: 50px; color: #aaadb8; line-height: 1.55; }
.sd-plan-card__was { min-height: 0 !important; margin: 16px 0 2px; color: #8e919c !important; font-size: .78rem; text-decoration: line-through; }
.sd-plan-card__price { min-height: 0 !important; display: flex; align-items: baseline; gap: 4px; margin: 5px 0 0; }
.sd-plan-card__price sup { color: var(--sd-yellow); font-size: 1.25rem; font-weight: 950; }
.sd-plan-card__price strong { color: var(--sd-yellow); font-size: clamp(3.4rem, 5vw, 4.5rem); font-weight: 1000; line-height: .95; letter-spacing: -.045em; }
.sd-plan-card__price span { color: #c1c3cb; font-weight: 750; }
.sd-plan-card__billing { min-height: 0 !important; margin: 7px 0 12px; color: #9ea1ab !important; font-size: .8rem; }
.sd-plan-card__credits { min-height: 0 !important; display: grid; gap: 3px; margin: 0 0 12px; padding: 17px; border: 1px solid rgba(249,225,11,.42); border-radius: 11px; color: #fff !important; background: rgba(249,225,11,.065); }
.sd-plan-card__credits strong { color: var(--sd-yellow); font-size: 2rem; font-weight: 1000; line-height: 1; }
.sd-plan-card__credits span { color: #e5e6eb; font-size: .74rem; font-weight: 850; text-transform: uppercase; }
.sd-plan-card__capacity { display: grid; gap: 9px; margin-bottom: 13px; padding: 13px 0; border-block: 1px solid #373a44; }
.sd-plan-card__capacity p { min-width: 0; display: flex; align-items: baseline; gap: 7px; margin: 0; color: #eef0f4; font-weight: 800; }
.sd-plan-card__capacity p::before { content: '\2713'; flex: 0 0 auto; color: var(--sd-yellow); font-size: 1.3rem; font-weight: 1000; line-height: 1; }
.sd-plan-card__capacity strong { color: var(--sd-yellow); font-size: 1.05rem; font-weight: 950; }
.sd-plan-card__capacity span { color: #eef0f4; font-size: .82rem; font-weight: 800; }
.sd-plan-card__model-boxes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 18px; }
.sd-plan-card__model-boxes article { min-width: 0; display: grid; gap: 3px; padding: 11px; border: 1px solid rgba(249,225,11,.28); border-radius: 9px; background: rgba(249,225,11,.045); }
.sd-plan-card__model-boxes span { color: var(--sd-yellow); font-size: .66rem; font-weight: 900; text-transform: uppercase; }
.sd-plan-card__model-boxes strong { color: #fff; font-size: .95rem; }
.sd-plan-card__model-boxes small { color: #9295a0; font-size: .66rem; }
.sd-plan-card > ul { flex: 1; display: grid; align-content: start; gap: 12px; margin: 4px 0 24px; padding: 0; list-style: none; color: #e4e5ea; }
.sd-plan-card > ul li { display: flex; align-items: flex-start; gap: 9px; line-height: 1.45; }
.sd-plan-card > ul li::before { content: '\2713'; flex: 0 0 auto; color: var(--sd-yellow); font-size: 1.35rem; font-weight: 1000; line-height: 1; }
.sd-dashboard-plans button, .sd-plan-card button { opacity: 1; }
.sd-plan-card button { width: 100%; min-height: 52px; border: 0; border-radius: 9px; color: #111; background: var(--sd-yellow); box-shadow: 0 10px 26px rgba(249,225,11,.16); font: inherit; font-size: 1rem; font-weight: 950; cursor: not-allowed; }
.sd-plan-card__checkout { display: inline-flex; width: 100%; min-height: 52px; align-items: center; justify-content: center; border: 0; border-radius: 9px; color: #111; background: var(--sd-yellow); box-shadow: 0 10px 26px rgba(249,225,11,.16); font-size: 1rem; font-weight: 950; text-decoration: none; }
.sd-plan-card__checkout:hover, .sd-plan-card__checkout:focus-visible { color: #111; background: #fff36b; transform: translateY(-1px); }
.sd-dashboard-plans .sd-plan-card__checkout { min-height: 44px; margin-top: 8px; }
.sd-plan-card__pending { display: block; margin: 7px 0 4px; color: #8f929c; text-align: center; }
.sd-pricing__capacity-note { max-width: 900px; margin: 20px auto 0; color: #8f929d; font-size: .78rem; line-height: 1.55; text-align: center; }
.sd-pricing-section { margin-top: 56px; padding: 34px; border: 1px solid #3d404a; border-radius: 16px; background: #191a21; }
.sd-pricing-section > header { max-width: 780px; }
.sd-pricing-section h2 { margin: 8px 0 12px; font-size: clamp(1.8rem, 4vw, 3rem); }
.sd-pricing-section header p:not(.sd-kicker), .sd-pricing__fineprint { color: #adafba; line-height: 1.65; }
.sd-pricing-faq details { padding: 18px 0; border-top: 1px solid #373a44; }
.sd-pricing-faq summary { color: #f0f1f5; font-size: 1.05rem; font-weight: 800; cursor: pointer; }
.sd-pricing-faq details p { color: #adafba; line-height: 1.65; }

@media (max-width: 900px) {
    .sd-home-pricing { padding: 32px 0 64px; }
    .sd-plan-grid, .sd-dashboard-plans { grid-template-columns: 1fr; }
    .sd-workspace-grid, .sd-admin-grid { grid-template-columns: 1fr; }
    .sd-card-header { align-items: stretch; flex-direction: column; }
}
@media (max-width: 620px) {
    .sd-account-menu > summary > strong { display: none; }
    .sd-auth--continue { padding: 34px 20px 52px; }
    .sd-auth--continue .sd-auth__card { padding: 30px 24px 32px; }
    .sd-auth--continue .sd-auth__card header h1 { font-size: 1.3rem; }
    .sd-home-pricing { padding: 24px 0 48px; }
    .sd-pricing { padding-top: 0; }
    .sd-pricing__hero > ul { display: grid; gap: 9px; }
    .sd-pricing__hero > ul li { width: fit-content; max-width: 100%; align-items: flex-start; justify-content: flex-start; justify-self: start; text-align: left; }
    .sd-pricing-tabs { gap: 2px; padding: 3px; }
    .sd-pricing-tabs button { min-height: 40px; padding: 3px 4px; font-size: .75rem; }
    .sd-plan-card, .sd-pricing-section { padding: 22px 18px; }
    .sd-plan-card__price strong { font-size: 3.6rem; }
    .sd-inline-control { min-width: 220px; }
}

@media (max-width: 1100px) {
    .sd-account-metrics, .sd-admin-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sd-account-overview-grid, .sd-account-split, .sd-admin-overview-grid, .sd-admin-overview-grid--secondary { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .sd-workspace { padding-top: 16px; padding-bottom: 88px; }
    .sd-workspace__header { align-items: stretch; padding: 18px; }
    .sd-workspace__header .sd-primary-action, .sd-workspace__header .sd-signin { width: 100%; justify-content: center; }
    .sd-workspace__nav { position: static; overflow-x: auto; flex-wrap: nowrap; }
    .sd-workspace__nav a { flex: 0 0 auto; }
    .sd-account-metrics, .sd-admin-metrics { gap: 9px; }
    .sd-account-metrics article, .sd-admin-metrics article { min-height: 96px; grid-template-columns: 34px minmax(0,1fr); gap: 9px; padding: 12px; }
    .sd-account-metrics article > span, .sd-admin-metrics article > span { width: 34px; height: 34px; }
    .sd-account-tool-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sd-account-list article { grid-template-columns: 34px minmax(0,1fr) auto; }
    .sd-account-list article > a { grid-column: 2 / -1; width: fit-content; }
    .sd-support-dock { right: 12px; bottom: 12px; }
    .sd-support-dock > aside { width: calc(100vw - 24px); }
}

/* Shared generation pricing gate and Media.io-inspired credit selector. */
.sd-plan-card h3 { margin: 0; font-size: 1.6rem; }
.sd-credit-plans { max-width: 920px; margin: 0 auto; padding: 26px; border: 1px solid #41444e; border-radius: 18px; background: linear-gradient(155deg, #24262e, #17181e); box-shadow: 0 18px 46px rgba(0,0,0,.24); }
.sd-credit-plans__heading { margin-bottom: 16px; text-align: center; }
.sd-credit-plans__heading p { margin: 0; color: #f5f2fa; font-size: clamp(1.35rem, 3vw, 2rem); font-weight: 900; }
.sd-credit-plans__heading strong { color: var(--sd-yellow); }
.sd-credit-selector { padding: 14px; border: 2px solid var(--sd-yellow); border-radius: 9px; background: #151518; box-shadow: inset 0 0 36px rgba(255,229,0,.045); }
.sd-credit-selector > h2 { margin: 0 0 12px; color: #fff; font-size: 1rem; }
.sd-credit-selector__list { display: grid; gap: 8px; }
.sd-credit-option { min-width: 0; min-height: 43px; display: grid; grid-template-columns: minmax(110px, auto) auto minmax(0, 1fr); align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid transparent; border-radius: 7px; color: #fff; background: #28282d; font: inherit; text-align: left; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.sd-credit-option:hover { border-color: var(--sd-yellow); background: #303037; transform: translateY(-1px); }
.sd-credit-option.is-selected { border-color: var(--sd-yellow); background: linear-gradient(90deg, rgba(255,229,0,.12), #28282d 48%); box-shadow: 0 0 0 1px rgba(255,229,0,.24); }
.sd-credit-option__amount { min-width: 0; display: inline-flex; align-items: center; gap: 9px; }
.sd-credit-option__amount i { width: 17px; height: 17px; flex: 0 0 auto; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff 0 8%, #fff36b 22%, #ffe500 55%, #ad9200 100%); box-shadow: 0 0 10px rgba(255,229,0,.4); }
.sd-credit-option__amount strong { font-size: 1.02rem; }
.sd-credit-option__badge { width: fit-content; padding: 3px 6px; border: 1px solid var(--sd-yellow); border-radius: 3px; color: #111; background: var(--sd-yellow); font-size: .6rem; font-weight: 900; text-transform: uppercase; }
.sd-credit-option__price { grid-column: 3; min-width: 0; display: flex; justify-content: flex-end; align-items: baseline; gap: 5px; white-space: nowrap; }
.sd-credit-option__price del { color: #929298; font-size: .64rem; }
.sd-credit-option__price strong { font-size: .78rem; }
.sd-credit-selector__validity { margin: 12px 0 0; color: #92929b; font-size: .75rem; font-style: italic; }
.sd-credit-plans__scope { margin: 17px 0 8px; color: #e6e3ea; font-size: .78rem; text-align: center; }
.sd-credit-buy { width: min(320px, 100%); min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 auto; border: 0; border-radius: 9px; color: #111; background: var(--sd-yellow); box-shadow: 0 12px 30px rgba(255,229,0,.18); font: inherit; font-weight: 900; cursor: pointer; }
.sd-credit-buy:hover { color: #111; background: #fff36b; transform: translateY(-1px); }
.sd-credit-plans__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px 22px; margin: 17px 0 0; padding: 0; color: #8f8f99; font-size: .7rem; list-style: none; }
.sd-credit-plans__trust li::before { content: '\2713'; margin-right: 5px; color: var(--sd-yellow); font-weight: 900; }

.sd-pricing-dialog { width: min(1240px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow: visible; border: 1px solid #555842; border-radius: 20px; color: #fff; background: transparent; box-shadow: 0 32px 110px rgba(0,0,0,.62); }
.sd-pricing-dialog::backdrop { background: rgba(4,2,10,.82); backdrop-filter: blur(8px); }
.sd-pricing-dialog__surface { max-height: calc(100dvh - 34px); display: flex; flex-direction: column; overflow: hidden; border-radius: 19px; background: radial-gradient(circle at 16% 0%, rgba(255,229,0,.1), transparent 25%), #101116; }
.sd-pricing-dialog__header { flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 28px 16px; border-bottom: 1px solid rgba(255,255,255,.1); }
.sd-pricing-dialog__header > div { max-width: 760px; }
.sd-pricing-dialog__header h2 { margin: 0 0 7px; font-size: clamp(1.65rem, 3vw, 2.5rem); line-height: 1.05; }
.sd-pricing-dialog__header > div > p:last-child { margin: 0; color: #c6c1ce; line-height: 1.55; }
.sd-pricing-dialog__header > button { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: #fff; background: rgba(255,255,255,.06); cursor: pointer; }
.sd-pricing-dialog__header > button:hover { background: rgba(255,255,255,.14); }
.sd-pricing-dialog__body { min-height: 0; overflow: auto; padding: 18px 28px 28px; overscroll-behavior: contain; }
.sd-pricing-root--modal .sd-pricing__hero { margin-bottom: 14px; }
.sd-pricing-root--modal .sd-plan-card { padding: 21px; }
.sd-pricing-root--modal .sd-plan-card__price strong { font-size: clamp(2.5rem, 4vw, 3.6rem); }
.sd-pricing-root--modal .sd-plan-card > p:first-of-type { min-height: 45px; }
.sd-pricing-dialog__footer { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 18px; padding: 13px 24px; border-top: 1px solid rgba(255,255,255,.12); background: #15151b; }
.sd-pricing-dialog__footer p { margin: 0; color: #bcbcc5; }
.sd-pricing-dialog__footer strong { color: var(--sd-yellow); }
.sd-pricing-dialog__footer button { min-height: 42px; padding: 0 20px; border: 0; border-radius: 8px; color: #111; background: var(--sd-yellow); font-weight: 900; cursor: pointer; }
body.sd-pricing-open { overflow: hidden; }

.sd-billing-complete__account { margin: 18px 0; padding: 7px 14px; border: 1px solid #3d404a; border-radius: 10px; background: #17181e; }
.sd-billing-complete__account > div { display: flex; justify-content: space-between; gap: 18px; padding: 9px 0; border-bottom: 1px solid #333640; }
.sd-billing-complete__account > div:last-child { border: 0; }
.sd-billing-complete__account dt { color: #9295a0; }
.sd-billing-complete__account dd { min-width: 0; margin: 0; color: #fff; font-weight: 800; overflow-wrap: anywhere; text-align: right; }
.sd-billing-complete__skip { display: block; margin-top: 14px; color: #bcbec7; font-size: .78rem; text-align: center; text-decoration: underline; text-underline-offset: 3px; }
.sd-checkout-email__summary { margin: 18px 0; padding: 7px 14px; border: 1px solid #3d404a; border-radius: 10px; background: #17181e; }
.sd-checkout-email__summary > div { display: flex; justify-content: space-between; gap: 18px; padding: 10px 0; border-bottom: 1px solid #333640; }
.sd-checkout-email__summary > div:last-child { border: 0; }
.sd-checkout-email__summary dt { color: #fff; font-weight: 850; }
.sd-checkout-email__summary dd { margin: 0; color: var(--sd-yellow); font-weight: 900; text-align: right; }
.sd-checkout-email__back { display: block; margin-top: 14px; color: #bcbec7; font-size: .78rem; text-align: center; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 720px) {
    .sd-credit-plans { padding: 16px 12px; border-radius: 13px; }
    .sd-credit-selector { padding: 10px; }
    .sd-credit-option { grid-template-columns: minmax(88px, auto) minmax(0, 1fr); gap: 6px; padding: 8px; }
    .sd-credit-option__badge { justify-self: start; }
    .sd-credit-option__price { grid-column: 2; justify-content: flex-end; }
    .sd-pricing-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 16px); border-radius: 15px; }
    .sd-pricing-dialog__surface { max-height: calc(100dvh - 18px); border-radius: 14px; }
    .sd-pricing-dialog__header { gap: 12px; padding: 18px 16px 13px; }
    .sd-pricing-dialog__header > div > p:last-child { font-size: .82rem; }
    .sd-pricing-dialog__header > button { width: 38px; height: 38px; }
    .sd-pricing-dialog__body { padding: 13px 12px 20px; }
    .sd-pricing-root--modal .sd-plan-card { padding: 20px 17px; }
    .sd-pricing-dialog__footer { align-items: stretch; flex-direction: column; gap: 8px; padding: 12px 14px; text-align: center; }
    .sd-pricing-dialog__footer button { width: 100%; }
    .sd-billing-complete__account > div { flex-direction: column; gap: 2px; }
    .sd-billing-complete__account dd { text-align: left; }
}
/* Generator panels host fixed-position model menus; containment would offset them. */
.sd-page>section.vp-tool,.sd-page>section:has([data-video-model-menu],[data-shared-model-menu]){content-visibility:visible;contain-intrinsic-size:none}