/* Small interaction layer over the recovered original design tokens. */
.recon-dialog{padding:0;border:0;background:transparent;color:hsl(var(--foreground));max-width:min(96vw,72rem);max-height:94dvh;overflow:auto;outline:none}.recon-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(5px)}.recon-dialog button,.recon-dialog a{cursor:pointer}.recon-surface{background:hsl(var(--card,#1b1c22));background-color:#1b1c22;border:1px solid #414148;border-radius:14px;padding:24px;box-shadow:0 25px 80px #0006}.recon-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:20px;font-weight:600;margin-bottom:20px}.recon-dialog-title>button{font-size:28px;line-height:1;width:32px;height:32px;border-radius:50%;color:#aaa}.recon-small{width:min(94vw,460px)}.recon-languages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.recon-languages a,.recon-surface>[data-account]{display:block;padding:11px 14px;border-radius:8px;text-align:start}.recon-languages a:hover,.recon-surface>[data-account]:hover,.recon-languages [aria-current=true]{background:#33343b;color:#f6d46a}.recon-auth{width:min(94vw,1024px);max-width:1024px}.recon-auth>[role=dialog]{width:100%}.recon-auth .fixed{position:absolute}.recon-auth [role=dialog]>div:empty{display:none}.recon-auth video{object-fit:cover}.recon-library-dialog{width:min(96vw,1280px);height:min(92dvh,900px);background:#121317;border:1px solid #414148;border-radius:16px}.recon-library{height:100%}.recon-plan-options{display:grid;gap:10px;margin-top:18px}.recon-plan-options>button{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:start;padding:14px;background:#282930;border:1px solid #414148;border-radius:10px}.recon-control-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.recon-control-grid button{padding:8px 14px;border:1px solid #414148;border-radius:8px}.recon-control-grid [aria-pressed=true]{border-color:#f2ce5b;color:#f2ce5b;background:#f2ce5b11}.recon-billing-selected{background:#f4d25f!important;color:#101115!important}.recon-billing-unselected{background:transparent!important;color:#a1a1aa!important}#recon-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);max-width:min(90vw,620px);background:#24252d;border:1px solid #494a54;border-radius:10px;padding:13px 20px;color:#fff;box-shadow:0 8px 28px #0006;opacity:0;pointer-events:none;z-index:1000;transition:opacity .18s,transform .18s}#recon-toast.recon-visible{opacity:1;transform:translate(-50%,0)}.recon-workspace-stage{min-width:0;width:100%;padding:0}.recon-show-workspace>.recon-workspace-stage{padding:16px 24px}.recon-show-workspace>:not(.recon-workspace-stage):not(.recon-return):not(.recon-workspace-intro){display:none!important}.recon-return{display:block;margin:12px 24px 0;color:#b5b5bd;font-size:13px}.recon-mobile-nav nav{display:flex!important;flex-direction:column!important;gap:8px}.recon-mobile-nav nav a{padding:12px;border-bottom:1px solid #35363b}.recon-mobile-nav nav [class*=hidden]{display:initial}.recon-faq-open svg{transform:rotate(180deg)}@media(max-width:767px){.recon-show-workspace>.recon-workspace-stage{padding:12px}.recon-surface{padding:18px}.recon-auth{width:94vw}.recon-auth .p-8{padding:20px}.recon-dialog{max-height:92dvh}.recon-return{margin-left:12px}}

.recon-auth>[id^="headlessui-dialog-panel"]{margin:0;width:100%;max-width:none}.recon-account-close{position:absolute;right:16px;top:12px;z-index:5;width:32px;height:32px;background:#33343b;border-radius:50%;font-size:26px}.recon-library-dialog{position:fixed}.recon-assets-page{padding:24px;min-height:70dvh}

.recon-popover{position:fixed;z-index:120;background:rgba(18,19,23,.96);color:#eee;border:1px solid #f4d0644d;border-radius:8px;padding:12px;box-shadow:0 12px 32px #0008;backdrop-filter:blur(12px);max-height:80dvh;overflow:auto}.recon-popover .recon-languages{gap:6px}.recon-popover .recon-languages a{padding:10px 12px;font-size:14px;font-weight:500}.recon-popover .recon-languages a[aria-current]{background:#f6d46a22;color:#f6d46a}header:has([data-reconstruction-promo]) + div > .pt-16{padding-top:108px}@media(max-width:639px){header:has([data-reconstruction-promo]) + div > .pt-16{padding-top:96px}}

.recon-source-popover{padding:0;background:transparent;border:0;box-shadow:none}.recon-source-popover>div{width:100%;max-height:70dvh}.recon-source-popover button[data-reconstruction-action]{border-color:#444}.recon-source-popover button[data-reconstruction-action][aria-pressed=true]{border-color:#f6d46a!important;background:#f6d46a18!important;color:#f6d46a!important}

.recon-auth::backdrop{background:rgba(18,19,23,.75);backdrop-filter:none}
/* Reserve the actual announcement/header slot before hydration. */
header:has(nav) [data-reconstruction-logo]{width:auto}header [data-reconstruction-promo]{height:28px;min-height:28px}header [data-reconstruction-promo] p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header:has([data-reconstruction-promo]) + div > .pt-16{padding-top:92px}@media(min-width:640px){header [data-reconstruction-promo]{height:52px;min-height:52px}header:has([data-reconstruction-promo]) + div > .pt-16{padding-top:116px}}
/* The border beam follows the same path without animating layout properties. */
.hero-beam--a{left:0;will-change:transform;animation-name:reconBeamRight}.hero-beam--b{left:0;will-change:transform;animation-name:reconBeamLeft}@keyframes reconBeamRight{from{transform:translate3d(calc(var(--beam-size)*-1),-50%,0)}to{transform:translate3d(var(--beam-track-width,100vw),-50%,0)}}@keyframes reconBeamLeft{from{transform:translate3d(var(--beam-track-width,100vw),50%,0)}to{transform:translate3d(calc(var(--beam-size)*-1),50%,0)}}

header [data-reconstruction-promo]>.relative{min-width:0;max-width:100%}header [data-reconstruction-promo] .flex-1{min-width:0;overflow:hidden}header [data-reconstruction-promo] p{min-width:0;max-width:100%}

/* Keep the observed hamburger navigation usable through tablet widths. */
@media(max-width:1279px){header nav[class*="md:flex"]{display:none!important}}

@media(max-width:1023px){footer .flex[class*="flex-col"][class*="md:flex-row"]{flex-direction:column}}

@media(max-width:1279px){body[data-reconstruction-kind="pricing"] main .mt-12:has(>#compare-plans){width:100%;max-width:100%;min-width:0}}

.recon-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#33343b;color:#ddd;font-size:14px;line-height:1;font-weight:600}

/* Keep the signed-in controls in one row, independent of captured utility classes. */
header[data-reconstruction-authenticated=true] .recon-account-controls{display:inline-flex!important;align-items:center;gap:10px;flex-wrap:nowrap;flex-shrink:0;vertical-align:middle;white-space:nowrap}
header[data-reconstruction-authenticated=true] .recon-account-controls>button{margin:0!important;vertical-align:middle}
header[data-reconstruction-authenticated=true] .recon-account-controls>button svg{display:block;flex-shrink:0}
header[data-reconstruction-authenticated=true] .recon-session-credits{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:0;max-width:128px;flex:0 1 auto;padding:0 12px;border-radius:999px;line-height:1;font-variant-numeric:tabular-nums}
header[data-reconstruction-authenticated=true] .recon-session-credits [data-reconstruction-credits]{min-width:0;max-width:7ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header[data-reconstruction-authenticated=true] .recon-account-controls>.recon-session-rewards,header[data-reconstruction-authenticated=true] .recon-account-controls>[data-reconstruction-action=account]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;line-height:1}
header[data-reconstruction-authenticated=true] .recon-account-controls>[data-reconstruction-action=account]{overflow:hidden}
header[data-reconstruction-authenticated=true] .recon-account-controls>[data-reconstruction-action=account]>img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:639px){header[data-reconstruction-authenticated=true]>.bg-background [data-reconstruction-action=language]{display:none!important}header[data-reconstruction-authenticated=true] .recon-account-controls{gap:6px;margin-inline-start:0!important;margin-left:0!important;margin-right:0!important}header[data-reconstruction-authenticated=true] .recon-session-credits{height:32px;gap:4px;max-width:86px;padding-inline:8px}header[data-reconstruction-authenticated=true] .recon-session-credits [data-reconstruction-credits]{max-width:5ch}header[data-reconstruction-authenticated=true] .recon-account-controls>.recon-session-rewards,header[data-reconstruction-authenticated=true] .recon-account-controls>[data-reconstruction-action=account]{flex-basis:32px;width:32px;height:32px;min-width:32px}}
@media(max-width:359px){header[data-reconstruction-authenticated=true] .recon-account-controls{gap:4px}header[data-reconstruction-authenticated=true] .recon-session-credits{max-width:70px;padding-inline:6px}header[data-reconstruction-authenticated=true] .recon-session-credits [data-reconstruction-credits]{max-width:4ch}}


header[data-reconstruction-authenticated=true] .recon-session-credits{background:#f5d76e;color:#101115}

/* Independent overlay lifecycle: preserve each scroll container and constrain focus. */
.recon-scroll-lock{overflow:hidden!important;overscroll-behavior:none!important;scrollbar-gutter:stable}
.recon-popover:focus{outline:none}.recon-popover [role=menuitem]:focus{outline:2px solid hsl(var(--ring));outline-offset:-2px;background:hsl(var(--accent))}
.recon-confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.recon-confirm-actions button{border:1px solid #414148;border-radius:8px;padding:10px 18px}.recon-confirm-actions [data-reconstruction-logout-confirm]{background:#f5d76e;color:#101115}.recon-dialog [aria-busy=true],button[aria-busy=true]{cursor:progress}.recon-dialog button:disabled{opacity:.6}
.recon-mobile-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;background:hsl(var(--background));border-radius:0}
.recon-mobile-nav{display:flex;min-height:100%;flex-direction:column;border:0;border-radius:0;padding:0}.recon-mobile-nav>.recon-dialog-title{height:64px;min-height:64px;margin:0;padding:0 16px;border-bottom:1px solid hsl(var(--border))}.recon-mobile-nav>.recon-dialog-title img{width:auto;height:40px}.recon-mobile-nav nav{flex:1;overflow-y:auto;padding:16px}.recon-mobile-nav nav a{margin:0;padding:12px 16px}.recon-mobile-nav nav [aria-current=page]{background:hsl(var(--accent));font-weight:600}.recon-mobile-tools{display:flex;gap:12px;padding:16px;border-top:1px solid hsl(var(--border))}.recon-mobile-tools button{flex:1;min-height:44px;border:1px solid hsl(var(--border));border-radius:8px}

/* Public logout module 839084: mobile bottom sheet, desktop centered panel. */
.recon-dialog.recon-logout{width:max-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto auto 16px;text-align:left;overflow:auto}
.recon-dialog.recon-logout::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.recon-logout-panel{position:relative;overflow:hidden;border:1px solid hsl(var(--primary)/.15);border-radius:8px;background:hsl(var(--background));padding:20px 16px 16px;box-shadow:0 0 20px rgba(249,223,11,.08);animation:reconLogoutEnter .3s ease-out}
.recon-logout-heading{margin-top:12px;text-align:center}.recon-logout-heading h3{margin:0;font-size:16px;font-weight:600;line-height:24px;color:hsl(var(--foreground))}
.recon-logout-actions{margin-top:20px;padding-top:20px;border-top:1px solid hsl(var(--border)/.4)}
.recon-logout-actions button{font-size:14px;font-weight:600;line-height:20px}.recon-logout-actions [data-reconstruction-logout-confirm]{padding:8px 20px;color:hsl(var(--primary-foreground))}
.recon-logout-actions [data-recon-close]{display:inline-flex;justify-content:center;width:auto;margin-top:12px;padding:8px 16px;border:0;border-radius:6px;background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:0 0 0 1px hsl(var(--border)) inset,0 1px 2px #0000000d}
.recon-logout-actions [data-recon-close]:hover{background:hsl(var(--card-hover))}
@keyframes reconLogoutEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:640px){.recon-dialog.recon-logout{width:512px;margin:auto;max-height:calc(100dvh - 64px)}.recon-logout-panel{padding:24px}.recon-logout-heading{display:flex;align-items:flex-start;margin-top:0;text-align:left}.recon-logout-actions{display:flex;justify-content:center;margin-top:16px}.recon-logout-actions [data-reconstruction-logout-confirm]{margin-right:20px}.recon-logout-actions [data-recon-close]{margin-top:0}}

/* Resource policy: pause decoration while covered/backgrounded; keep task feedback intact. */
html[data-reconstruction-decorations-paused="true"] :is(.hero-beam--a,.hero-beam--b,.recon-motion-cursor){animation-play-state:paused!important}
html[data-reconstruction-low-effects="true"] :is(.hero-beam--a,.hero-beam--b){animation:none!important}
@media(prefers-reduced-motion:reduce){:is(.hero-beam--a,.hero-beam--b){animation:none!important}}

/* Keep native scroll targets below the fixed header before and after hydration. */
:root{--recon-header-height:108px;scroll-padding-top:var(--recon-header-height)}
div.flex.bg-background:has(main){padding-top:var(--recon-header-height)}
@media(max-width:767px){:root{--recon-header-height:92px}}

.recon-workspace-intro{padding:8px 24px 0}.recon-workspace-intro h1{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:22px;line-height:1.3;font-weight:700;margin:0;color:#f5f5f7}.recon-workspace-intro em{font-style:italic;color:#f5d76e}.recon-workspace-intro small{margin-inline-start:8px;border:1px solid #806d30;border-radius:999px;padding:1px 9px;color:#ebc755;font-size:12px;font-weight:500}.recon-workspace-intro p{color:#8e8d98;font-size:12px;line-height:18px;margin:4px 0 0}.recon-account-center-dialog{padding:0;width:min(860px,94vw);max-height:92dvh;border:1px solid #42424b;border-radius:16px;background:#24252c;color:#f5f5f7;overflow:auto}@media(max-width:767px){.recon-workspace-intro{padding:8px 12px 0}.recon-workspace-intro h1{font-size:18px}.recon-workspace-intro small{font-size:10px;margin-inline-start:3px}}

/* Template viewport composition; the source parent height formula is unavailable. */
@media(min-width:1024px) and (min-height:700px){
 main.recon-show-workspace{display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}
 .recon-show-workspace>.recon-return{position:absolute;right:12px;top:12px;margin:0;z-index:1}
 [dir=rtl] .recon-show-workspace>.recon-return{right:auto;left:12px}
 .recon-show-workspace>.recon-workspace-intro{padding:8px 8px 0;flex-shrink:0;padding-inline-end:85px}
 .recon-show-workspace>.recon-workspace-stage{flex:1;min-height:0;padding:8px 8px 12px}
 .recon-show-workspace>.recon-workspace-stage>div,.recon-show-workspace .rw-workspace,.recon-show-workspace .rw-layout{height:100%;min-height:0}
 .recon-show-workspace .rw-form-panel{height:100%;max-height:none}
 .recon-show-workspace .rw-history{height:100%;min-height:0;overflow:hidden}
 .recon-show-workspace .rw-history-content{height:calc(100% - 44px);min-height:0;display:flex;flex-direction:column}
 .recon-show-workspace .rw-preview-note{flex-shrink:0}
 .recon-show-workspace .rw-output-layout{flex:1;min-height:0;overflow:hidden}
 .recon-show-workspace .rw-output-main{height:100%;max-height:none;min-height:0;overflow-y:auto}
 .recon-show-workspace .rw-thumb-rail{max-height:calc(100% - 8px)}
}

.recon-membership-dialog{width:min(1180px,96vw);max-width:none}.recon-membership-paywall{max-height:88dvh;overflow:auto}.recon-membership-paywall>p{margin:8px 0 18px;color:#b4b4bd}.recon-membership-periods{display:flex;gap:8px;justify-content:center;margin:18px 0}.recon-membership-periods button{border:1px solid #555;border-radius:999px;padding:8px 24px}.recon-membership-periods button[aria-pressed="true"]{background:#f5df73;color:#141414;border-color:#f5df73}.recon-membership-delivery{font-size:12px;line-height:1.5}

/* Match the common workspace's bounded mobile viewport and reserve the bottom nav. */
@media(max-width:767px){
 div.flex.bg-background:has(main.recon-show-workspace){height:100dvh;max-height:100dvh;overflow:hidden}
 div.flex.bg-background:has(main.recon-show-workspace)>div.flex.min-w-0{min-height:0}
 main.recon-show-workspace{min-height:0;height:calc(100dvh - var(--recon-header-height));max-height:calc(100dvh - var(--recon-header-height));overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:12px calc(96px + env(safe-area-inset-bottom));padding-bottom:calc(88px + env(safe-area-inset-bottom))}
}

.recon-membership-paywall>.recon-dialog-title{display:block;text-align:center;justify-content:center;max-width:950px;margin:4px auto 30px;padding-inline:34px;font-size:clamp(24px,3vw,48px);line-height:1.2}.recon-membership-paywall{position:relative}.recon-membership-paywall>.recon-dialog-title button{position:absolute;inset-inline-end:16px;top:12px;font-size:26px}.recon-membership-paywall>[data-membership-use-public]{border:1px solid #555;border-radius:6px;padding:8px 12px;margin-top:16px;color:#f5df73}

/* Pricing cards keep their source typography and scaling inside this overlay. */
.recon-membership-paywall{padding:24px;background:#111217;color:#fff}
.recon-membership-periods{position:relative;z-index:2;margin-bottom:44px}
.recon-membership-paywall>[data-membership-plans]{position:relative;isolation:isolate}
@media(max-width:767px){.recon-membership-paywall{padding:18px 12px}.recon-membership-periods{margin-bottom:30px}.recon-show-workspace .rw-form-panel{overflow:clip}}

/* Shipped landing -> workspace crossfade; original media nodes are moved, never copied. */
main.custom-scrollbar-thin{min-width:0;overflow-x:hidden}
main.recon-show-workspace{position:relative}
main.recon-show-workspace>.recon-workspace-landing-layer{display:block!important;pointer-events:none;isolation:isolate}
.recon-workspace-intro em{animation:reconWorkspaceWord .5s cubic-bezier(.16,1,.3,1) both}
[data-workspace-transition]>.recon-workspace-intro h1{animation:reconWorkspaceFade .5s .1s both}
[data-workspace-transition]>.recon-workspace-intro small{animation:reconWorkspaceBadge .4s .2s both}
[data-workspace-transition]>.recon-workspace-intro p{animation:reconWorkspaceFade .5s .15s both}
[data-workspace-transition]>.recon-workspace-stage .rw-form-panel{animation:reconWorkspaceFade .4s .15s cubic-bezier(.16,1,.3,1) both}
[data-workspace-transition]>.recon-workspace-stage .rw-history{animation:reconWorkspaceFade .4s .25s cubic-bezier(.16,1,.3,1) both}
@keyframes reconWorkspaceFade{from{opacity:0}to{opacity:1}}
@keyframes reconWorkspaceBadge{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes reconWorkspaceWord{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(min-width:768px) and (max-width:1023px){
 div.flex.bg-background:has(main.recon-show-workspace){height:100dvh;max-height:100dvh;overflow:hidden}
 div.flex.bg-background:has(main.recon-show-workspace)>div.flex.min-w-0{min-height:0}
 main.recon-show-workspace{min-height:0;height:calc(100dvh - var(--recon-header-height));max-height:calc(100dvh - var(--recon-header-height));overflow-y:auto;padding-bottom:8px;overscroll-behavior-y:contain}
 .recon-show-workspace .rw-form-panel{overflow:clip}
}
@media(max-width:639px){.recon-workspace-intro small{display:none}}
@media(prefers-reduced-motion:reduce){.recon-workspace-intro em,[data-workspace-transition]>.recon-workspace-intro h1,[data-workspace-transition]>.recon-workspace-intro small,[data-workspace-transition]>.recon-workspace-intro p,[data-workspace-transition]>.recon-workspace-stage .rw-form-panel,[data-workspace-transition]>.recon-workspace-stage .rw-history{animation:none}}
/* Common header brand sizing. Only known padded source canvases use a viewport crop. */
header:has(nav) [data-reconstruction-logo]{display:block;height:40px;width:auto;max-width:220px;object-fit:contain;flex-shrink:0}
header:has(nav) [data-reconstruction-logo]:is([src*="33c2619e80b27d4023c492a3"],[src*="194a438ca8bce6891633"],[src*="kimg.ai/icon/logo.svg"]){width:160px;height:44px!important;max-width:none;object-fit:cover}
@media(max-width:639px){header:has(nav) [data-reconstruction-logo]{height:34px;max-width:150px}header:has(nav) [data-reconstruction-logo]:is([src*="33c2619e80b27d4023c492a3"],[src*="194a438ca8bce6891633"],[src*="kimg.ai/icon/logo.svg"]){width:120px;height:36px!important}}
@media(max-width:359px){header:has(nav) [data-reconstruction-logo]{height:30px;max-width:106px}header:has(nav) [data-reconstruction-logo]:is([src*="33c2619e80b27d4023c492a3"],[src*="194a438ca8bce6891633"],[src*="kimg.ai/icon/logo.svg"]){width:88px;height:32px!important}}

/* Shared Seedream-style gift/credit controls and mobile containment. */
header .site-header-actions{display:flex;align-items:center;gap:10px!important;flex-shrink:0;white-space:nowrap}
header .site-header-actions .recon-account-controls{margin:0!important;gap:0!important}
header .site-header-actions .site-header-language{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:36px;min-width:100px;padding:0 12px;border:0;border-radius:8px;background:#131723;color:#9ca3af;font-size:14px;font-weight:500}
header .site-header-language>svg:first-child{width:14px;height:14px;flex-shrink:0}
header .site-header-language-chevron{transition:transform .15s}
header .site-header-language[aria-expanded=true]{background:#24252e;color:#f5d76e}
header .site-header-language[aria-expanded=true] .site-header-language-chevron{transform:rotate(180deg)}
header .site-header-actions .recon-session-rewards,header .site-header-actions .site-header-theme{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin:0;padding:0!important;border:0!important;border-radius:7px;background:transparent!important;box-shadow:none!important;color:#a5a8b5}
header .site-header-actions .recon-gift-drawing{display:block;width:28px;height:28px;overflow:visible;animation:recon-gift-bounce 1s infinite}
header .site-header-actions .recon-session-rewards:hover{transform:scale(1.05)}
@keyframes recon-gift-bounce{0%,100%{transform:translateY(-22%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}
header .site-header-actions .recon-reward-copy{display:none!important}
header .site-header-actions .site-header-theme:hover{color:#f5d76e;background:#ffffff08!important}
header .site-header-actions .recon-session-credits{height:32px;min-width:50px;gap:6px;padding:6px 10px;border:0;border-radius:999px;background:rgb(245 158 11/.1);color:#fbbf24;font-size:14px;font-weight:500;line-height:20px;font-variant-numeric:tabular-nums}
header .site-header-actions [data-reconstruction-action=account]{width:40px;height:40px;border:2px solid #fde68a}
.recon-language-popover{width:180px!important;max-height:min(70dvh,480px);overflow-y:auto;padding:5px!important;border:1px solid #363842!important;border-radius:9px!important;background:#17181f!important;box-shadow:0 12px 36px #0006!important}
.recon-language-popover .recon-languages{grid-template-columns:minmax(0,1fr);gap:2px}
.recon-language-popover .recon-languages a{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;min-height:34px;border-radius:5px;font-size:13px;font-weight:400;color:#c8cbd4}
.recon-language-popover .recon-languages a[aria-current=true]{background:#f5d76e14;color:#f5d76e}
.recon-language-popover .recon-languages a[aria-current=true]::after{content:'✓';margin-inline-start:12px;font-size:13px}
.site-header-actions button:focus-visible{outline:2px solid #f5d76e;outline-offset:3px}
@media(max-width:639px){header .site-header-actions{gap:7px!important}header[data-reconstruction-authenticated=true] .site-header-actions [data-reconstruction-action=language]{display:inline-flex!important}header .site-header-actions .site-header-language{min-width:32px;width:32px;padding:0!important;background:transparent}header .site-header-language-label,header .site-header-language-chevron{display:none}header .site-header-actions .recon-session-credits{min-width:38px;padding:0 6px;gap:4px}header .site-header-actions .recon-session-credits svg{width:14px;height:14px}header .site-header-actions [data-reconstruction-action=account]{width:28px;height:28px}}
@media(max-width:359px){header .site-header-actions{gap:4px!important}header .site-header-actions .site-header-theme{width:24px!important;min-width:24px!important}}

header .site-header-actions>*{margin-inline:0!important}
header .site-header-actions .recon-session-credits>svg{width:16px;height:16px;color:#f59e0b;flex:none}
header .site-header-actions .recon-session-credits:hover,header .site-header-actions .recon-session-credits[aria-expanded=true]{background:rgb(245 158 11/.2)}
@media(max-width:767px){
 .recon-site-header-row{gap:8px;padding-inline:12px;max-width:100%;box-sizing:border-box}
 .recon-site-header-row>div:first-child{min-width:0;flex:1 1 0;gap:4px}
 .recon-site-header-row>div:first-child>[data-reconstruction-action="menu"]{width:28px;height:36px;flex:0 0 28px;margin:0;padding:0}
 .recon-site-header-row>div:first-child>a{min-width:0;flex:0 1 auto}
 .recon-site-header-row>div:first-child>a>span{min-width:0;display:flex;align-items:center;gap:4px}
 header .recon-site-header-row [data-reconstruction-logo]{min-width:0;width:140px!important;max-width:100%!important;height:auto!important;max-height:28px;flex:1 1 auto;object-fit:contain}
 .recon-site-header-row [data-site-free-badge]{flex:none;margin:0!important;padding-inline:4px;height:12px;font-size:8px}
 header .recon-site-header-row .site-header-actions{flex:none;gap:6px!important}
 header .site-header-actions .recon-account-controls{flex:none}
 header .site-header-actions .recon-session-credits{max-width:76px;min-width:38px;flex:0 1 auto;white-space:nowrap}
 header .site-header-actions .recon-session-credits [data-reconstruction-credits]{min-width:0;max-width:5ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 header .site-header-actions .recon-session-rewards{width:28px!important;min-width:28px!important;height:32px!important;min-height:32px!important}
 header .site-header-actions .recon-gift-drawing{width:26px;height:26px}
 [data-reconstruction-bottom-links]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}
 [data-reconstruction-bottom-links]>a{min-width:0;min-height:56px;padding:6px 2px}
 [data-reconstruction-bottom-links]>a>span{max-width:100%;font-size:12px;white-space:nowrap}
}
@media(max-width:359px){
 header .recon-site-header-row .site-header-actions [data-reconstruction-action="language"]{display:none!important}
 header .recon-site-header-row .site-header-actions{gap:4px!important}
 header .site-header-actions .recon-session-credits{max-width:60px}
}
@media(prefers-reduced-motion:reduce){header .site-header-actions .recon-gift-drawing{animation:none}header .site-header-actions .recon-session-rewards{transition:none}}

/* Keep the existing icon-only language control compact. */
header .site-header-actions .site-header-language{min-width:32px;width:32px;padding:0}

/* Shared provider choice retains the selected plan and account boundary. */
.recon-payment-methods{width:min(440px,calc(100vw - 32px));padding:24px;border:1px solid #45414e;border-radius:18px;background:#17151e;color:#fff;max-height:calc(100dvh - 32px);overflow:auto}.recon-payment-methods>button{display:block;width:100%;margin-top:12px;padding:12px;border-radius:10px}.recon-payment-methods small{display:block;white-space:normal;font-size:12px;font-weight:400;margin-top:6px}