/* Shared site chrome: consistent across the workspace and commerce pages. */
.studio-header.navbar {min-height:84px;border:0;border-bottom:1px solid #d9c4ed;background:linear-gradient(110deg,#ede0fc 0%,#f7edfb 45%,#fff1da 100%);box-shadow:0 4px 18px #572d7b09;position:relative;isolation:isolate;}
.studio-header::before {content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#6331f4,#a36ae9 52%,#ffc166);}
.studio-header .studio-container {max-width:1280px;margin:auto;padding:16px 32px;gap:24px;flex-wrap:nowrap;}
.studio-header .brand-logo-frame {width:220px;height:48px;}
.studio-header .workspace-nav-actions {display:flex;flex-wrap:nowrap;align-items:center;gap:12px;width:auto;margin-left:auto;}
.workspace-nav-actions>a.chrome-new-link,.workspace-nav-actions>a.chrome-giveaways-link {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;border-radius:12px;font-weight:600;font-size:14px;line-height:1.3;text-decoration:none;transition:background .16s,box-shadow .16s;color:#5e348b;white-space:nowrap;}
.workspace-nav-actions>a.chrome-new-link {background:linear-gradient(110deg,#7138d5,#8746dc);color:#fff;border:1px solid #7138d5;box-shadow:0 3px 10px #7138d51a;}
.workspace-nav-actions>a.chrome-new-link:hover {background:#632bbf;color:#fff;box-shadow:0 4px 12px #7138d52b;}
.workspace-nav-actions>a.chrome-giveaways-link {background:#ffffff80;border:1px solid #cdb5e5;box-shadow:inset 0 1px 0 #ffffffa0;}
.workspace-nav-actions>a.chrome-giveaways-link:hover,.workspace-nav-actions>a.chrome-giveaways-link[aria-current=page] {background:#e6d5f8;color:#482271;border-color:#c9a7e9;}
.workspace-nav-actions>a svg,.footer-support svg {width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.chrome-nav-divider {height:24px;width:1px;background:#dccce9;margin:0 3px;}
.studio-header .language-menu>summary {min-height:42px;background:#ffffff90;border-color:#dfd0ee;border-radius:12px;box-shadow:none;}
.studio-header a:focus-visible,.studio-footer a:focus-visible {outline:3px solid #9a71e5;outline-offset:4px;}
.studio-footer {display:block;margin:40px 0 0;padding:0 32px;background:linear-gradient(112deg,#f2e8fb,#faf4fb 55%,#fff1e4);border-top:1px solid #e3d0ef;color:#635470;font-size:13px;}
.studio-footer-inner {display:block;width:100%;max-width:1216px;margin:auto;}
.footer-main-row {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 0 24px;}
.footer-studio-brand>a {display:inline-flex;align-items:center;gap:10px;color:#182144;text-decoration:none;font-size:18px;font-weight:750;letter-spacing:-.4px;}
.footer-studio-brand>a img {width:38px;height:38px;object-fit:contain;}
.footer-studio-brand p {margin:8px 0 0;color:#72617f;font-size:13px;line-height:1.5;}
.footer-support {display:flex;align-items:center;gap:12px;color:#4f3075;text-decoration:none;padding:10px 14px;border:1px solid #e2cdef;border-radius:14px;background:#ffffff60;}
.footer-support:hover {background:#fff9;border-color:#cba9e1;text-decoration:none;}
.footer-support-icon {display:grid;place-items:center;width:38px;height:38px;background:#eadbf6;border-radius:11px;}
.footer-support-icon svg {width:21px;height:21px;}
.footer-support>span>strong {display:block;font-size:14px;margin-bottom:4px;}
.footer-support>span>span {display:flex;align-items:center;gap:6px;font-size:12px;}
.footer-support>span>span svg {width:14px;height:14px;}
.footer-bottom-row {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dfcee9;padding:12px 0;}
.footer-ownership {display:flex;align-items:center;gap:14px;font-size:11px;color:#776985;}
.footer-ownership img {width:58px;height:50px;object-fit:contain;}
.studio-footer .studio-footer-links {gap:12px 24px;}
.studio-footer-links a {color:#655275;font-size:12px;text-decoration:none;}
.studio-footer-links a:hover {color:#6836a3;text-decoration:underline;text-underline-offset:4px;}
@media(max-width:760px){
 .studio-header.navbar {min-height:74px;}
 .studio-header .studio-container {padding:12px 18px;gap:12px;}
 .studio-header .brand-logo-frame {width:180px;height:44px;}
 .studio-header .workspace-nav-actions {gap:8px;}
 .workspace-nav-actions>a.chrome-new-link {display:none;}
 .chrome-nav-divider {display:none;}
 .workspace-nav-actions>a.chrome-giveaways-link {padding:10px 12px;font-size:13px;gap:7px;}
 .studio-footer {padding:0 22px;margin-top:28px;}
 .footer-main-row {padding:24px 0;gap:22px;}
 .footer-bottom-row {gap:16px;flex-wrap:wrap;}
}
@media(max-width:480px){
 .studio-header .studio-container {padding:12px 14px;gap:8px;flex-wrap:nowrap;}
 .studio-header .brand-logo-frame {width:148px;height:40px;}
 .studio-header .workspace-nav-actions {gap:7px;}
 .workspace-nav-actions>a.chrome-giveaways-link {padding:9px 10px;font-size:12px;}
 .workspace-nav-actions>a.chrome-giveaways-link svg {display:none;}
 .studio-header .language-menu>summary {padding:9px 10px;min-height:40px;}
 .footer-main-row {align-items:flex-start;flex-direction:column;gap:18px;}
 .footer-support {padding:8px 12px;}
 .footer-bottom-row {align-items:flex-start;gap:8px;}
 .studio-footer .studio-footer-links {justify-content:flex-start;gap:6px 20px;width:100%;}
}
@media(max-width:380px){.studio-header .brand-logo-frame{width:38px;height:38px;}.studio-header .brand-logo-frame .giveaway-brand-logo{width:38px;height:38px;object-fit:contain;}}
@media(prefers-reduced-motion:reduce){.workspace-nav-actions>a{transition:none;}}

/* Short commerce pages fill the viewport; the footer stays in normal document flow. */
body.commerce-layout {display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;}
.commerce-layout>main {flex:1 0 auto;}
.commerce-layout>.checkout-shell {width:100%;box-sizing:border-box;}
.commerce-layout>.studio-header,.commerce-layout>.studio-footer {flex-shrink:0;}

.payment-method-choice {border:0;padding:0;margin:24px 0;display:flex;flex-wrap:wrap;gap:12px;}
.payment-method-choice legend {font-size:16px;font-weight:700;margin-bottom:12px;}
.payment-method-choice label {display:flex;align-items:center;gap:12px;flex:1 1 220px;padding:18px;border:1px solid #dac9ef;border-radius:14px;background:#fffafc;cursor:pointer;}
.payment-method-choice label:has(input:checked) {border-color:#7643e2;background:#f2e9ff;box-shadow:0 0 0 1px #7643e2;}
.payment-method-choice input {width:18px;height:18px;accent-color:#7643e2;flex-shrink:0;}
.payment-method-choice small {display:block;color:#655473;font-size:13px;margin-top:4px;}
#paddle-start-form .btn {display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;}
/* Dialog contrast: clear hierarchy without washing out supporting copy. */
.recovery-code-modal, .modal-content { color:#17233b; background:#fff; border:1px solid #b8a6d1; box-shadow:0 24px 72px #17102d40; }
.recovery-code-modal .recovery-modal-header, .modal-content .modal-header { background:#e8dcf8; color:#15203c; border-bottom:1px solid #c4addf; }
.recovery-code-modal .recovery-modal-header h2, .modal-content .modal-title { color:#15203c; font-weight:750; }
.recovery-code-modal .recovery-modal-body, .modal-content .modal-body { color:#26344c; font-size:16px; line-height:1.6; }
.recovery-code-modal .form-hint, .recovery-code-modal .text-secondary, .modal-content .text-secondary, .modal-content .form-hint { color:#465269; font-size:14px; line-height:1.6; }
.recovery-code-modal .form-label, .modal-content .form-label { color:#1c2941; font-size:15px; font-weight:650; }
.recovery-code-modal .form-control, .modal-content .form-control { color:#17233b; border-color:#8995aa; background:#fff; font-size:16px; }
.recovery-code-modal .form-control:focus, .modal-content .form-control:focus { border-color:#6530bc; box-shadow:0 0 0 3px #713dc92b; }
.recovery-code-modal .recovery-modal-body a, .modal-content .modal-body a { color:#5927aa; text-decoration:underline; text-underline-offset:3px; }
.recovery-code-modal .recovery-modal-footer, .modal-content .modal-footer { background:#faf8fc; border-top:1px solid #cfc2df; }
.recovery-code-modal .btn-outline-primary, .modal-content .btn-outline-primary { color:#5725a8; border-color:#926dbd; background:#fff; font-weight:600; }
.recovery-code-modal .btn-primary, .modal-content .btn-primary { background:#6730be; border-color:#6730be; color:#fff; font-weight:650; }
.recovery-code-modal .btn-primary:hover, .modal-content .btn-primary:hover { background:#54259e; border-color:#54259e; }
.recovery-code-modal .btn-outline-primary:hover, .modal-content .btn-outline-primary:hover { background:#eee5fa; color:#451b8c; }
.recovery-code-modal .recovery-modal-header .recovery-modal-close { color:#532399; }
.recovery-code-modal button:focus-visible, .modal-content button:focus-visible { outline:3px solid #6631bb; outline-offset:3px; }
.import-email-modal .email-recovery-note { background:#fff6e7; border:1px solid #d8b47b; border-left:4px solid #a66a17; color:#43321d; font-size:15px; }
.import-email-modal .email-recovery-note strong { color:#55380d; font-weight:700; }
/* Shared contrast for every app dialog, including generated video and import overlays. */
body :is(dialog, .modal-content, .loading-overlay .loading-content) {
    color:#17233b;
    background-color:#fff;
    border-color:#b8a6d1;
}
body :is(dialog.video-studio-modal, .loading-overlay .loading-content) {
    background:linear-gradient(145deg,#f2eafa 0%,#fff 45%);
    box-shadow:0 24px 72px #17102d40;
}
body :is(dialog, .modal-content, .loading-overlay .loading-content) :is(h2,h3,h4,dt,label) {color:#17233b;font-weight:700;}
body :is(dialog, .modal-content, .loading-overlay .loading-content) :is(.form-hint,.text-secondary,.text-muted,.history-note,.history-modal-intro,.history-modal-loading,.video-studio-notice,.video-studio-fact,.story-status,.loading-reassurance) {color:#465269;font-size:14px;line-height:1.6;}
body :is(dialog, .modal-content) :is(input,textarea,select) {color:#17233b;border-color:#8995aa;}
body :is(dialog, .modal-content) :is(input,textarea)::placeholder {color:#59657a;opacity:1;}
body :is(dialog, .modal-content, .loading-overlay .loading-content) .btn-primary {color:#fff;background:#6730be;border-color:#6730be;font-weight:650;}
body :is(dialog, .modal-content, .loading-overlay .loading-content) .btn-outline-primary {color:#5725a8;background:#fff;border-color:#926dbd;font-weight:600;}
body :is(dialog, .modal-content, .loading-overlay .loading-content) .btn-primary:hover {background:#54259e;border-color:#54259e;}
body :is(dialog, .modal-content, .loading-overlay .loading-content) .btn-outline-primary:hover {background:#eee5fa;color:#451b8c;}
body :is(dialog, .modal-content, .loading-overlay .loading-content) :is(button,a,input,textarea,select):focus-visible {outline:3px solid #6631bb;outline-offset:3px;}
body :is(dialog, .modal-content) .btn-close {opacity:.85;}
body :is(dialog, .modal-content) .btn-close:hover {opacity:1;}
body :is(dialog, .modal-content) :is(.recovery-modal-body,.modal-body) a:not(.btn) {color:#5927aa;text-decoration:underline;text-underline-offset:3px;}
body #import-failed-modal .modal-header, body #no-eligible-modal .modal-header {background:#e8dcf8;color:#15203c;border-bottom:1px solid #c4addf;}
body #import-failed-modal .import-failure-note {color:#465269;font-size:14px;}
body .loading-overlay .loading-content p {color:#34425b;}
body .video-studio-modal .video-studio-fact {border-top-color:#cfc2df;}
/* Keep the landing headline compact and let translations wrap gracefully. */
.is-landing .url-step h1 {
    max-width:900px;
    font-size:clamp(32px,3.6vw,46px);
    line-height:1.15;
    letter-spacing:-1.3px;
    text-wrap:balance;
}
@media(max-width:600px) {
    .is-landing .url-step h1 {font-size:clamp(30px,7.5vw,38px);letter-spacing:-.8px;max-width:22ch;}
}

.commerce-layout>.checkout-shell {padding-top:24px;}
.checkout-shell>.sandbox-notice {padding:10px 16px;margin-bottom:18px;font-size:13px;}
.checkout-payment-note {font-size:14px;color:#465269;margin-top:8px;}