/* 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-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;}

.footer-ownership img {width:120px;height:44px;object-fit:contain;}

/* Free access follows the same spacing and palette as the plan selector. */
.free-plan-card {padding:24px;margin:0 0 20px;border:1px solid #b6d8cc;border-radius:18px;background:linear-gradient(120deg,#eaf7f0,#fffaf2);color:#182144;}
.free-plan-card h2 {margin:0 0 10px;font-size:22px;}
.free-plan-card h2 span {font-size:15px;font-weight:500;}
.free-plan-card p {font-size:14px;line-height:1.65;margin:0 0 16px;}
.free-plan-card form+form {margin-top:16px;}
.free-plan-card small {display:block;margin-top:10px;color:#42516b;}
.giveaway-plan-label {display:block;color:#4e5d75;font-size:12px;line-height:1.5;margin:3px 0;}

.studio-footer-links .footer-instagram {display:inline-flex;align-items:center;gap:7px;}
.footer-instagram svg {flex:none;}

/* Plan badges stay distinct from the separate import status column. */
.giveaway-plan-label {display:table;width:fit-content;border:1px solid transparent;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;line-height:1.4;margin:6px 0;}
.giveaway-plan-free {background:#e5f5ed;color:#176044;border-color:#bfdccc;}
.giveaway-plan-small {background:#e7f0ff;color:#234e91;border-color:#c6d7f3;}
.giveaway-plan-standard {background:#fff0da;color:#814617;border-color:#eccda3;}
.giveaway-plan-large {background:#eee7fb;color:#59338b;border-color:#d4c3ee;}
.giveaway-pagination {display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0;color:#34425b;font-size:14px;}
@media(max-width:480px){.giveaway-pagination{gap:10px;font-size:12px}.giveaway-pagination .btn{padding:8px 12px}}

.saved-page-heading-enhanced {padding:26px 28px;margin:8px 0 24px;border:1px solid #ddc9ef;border-radius:20px;background:linear-gradient(115deg,#eee1fc 0%,#faf1f7 58%,#fff0d8 100%);box-shadow:0 8px 26px #4d2c6a08;}
.saved-heading-copy {display:flex;align-items:center;gap:16px;min-width:0;}
.saved-heading-icon {display:grid;place-items:center;flex:none;width:50px;height:50px;border:1px solid #d6bfed;border-radius:15px;background:#ffffffb0;color:#6734b3;}
.saved-heading-icon svg {width:26px;height:26px;}
.saved-page-heading-enhanced h1 {font-size:30px;margin:0 0 6px;}
.saved-page-heading-enhanced .giveaways-intro {margin:0;line-height:1.5;}
.giveaway-search-toolbar {display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:0 0 26px;padding:20px 22px;border:1px solid #e2d5ee;border-radius:16px;background:#fffdfb;}
.giveaway-search-toolbar label {display:block;margin:0 0 7px;color:#273550;font-size:13px;font-weight:600;}
.giveaway-search-field {flex:1 1 260px;min-width:0;}
.giveaway-search-input {position:relative;}
.giveaway-search-input svg {position:absolute;left:13px;top:13px;width:18px;height:18px;color:#68567c;pointer-events:none;}
.giveaway-search-input input,.giveaway-sort-field select {width:100%;height:44px;border:1px solid #cfc2df;border-radius:10px;background:white;color:#182144;font:inherit;font-size:14px;}
.giveaway-search-input input {padding:10px 14px 10px 40px;}
.giveaway-sort-field {flex:0 1 190px;}
.giveaway-sort-field select {padding:8px 30px 8px 12px;}
.giveaway-search-toolbar .btn {height:44px;}
.giveaway-clear-search {align-self:center;margin-top:22px;font-size:13px;color:#63349a;text-underline-offset:3px;}
.giveaway-search-input input:focus-visible,.giveaway-sort-field select:focus-visible {outline:3px solid #d7c1fa;outline-offset:2px;border-color:#8552c1;}
@media(max-width:640px){.saved-page-heading-enhanced{padding:22px 18px}.saved-page-heading-enhanced h1{font-size:27px}.saved-heading-icon{width:42px;height:42px}.saved-heading-copy{gap:12px}.giveaway-search-toolbar{padding:18px;gap:12px}.giveaway-search-field{flex-basis:100%}.giveaway-sort-field{flex:1}.saved-page-heading-enhanced .giveaway-top-actions{width:100%;gap:10px}}

/* My giveaways: one page heading, with controls integrated into the grid. */
.giveaways-wide-layout .checkout-shell {width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;}
.giveaway-grid-controls {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;background:linear-gradient(110deg,#eee1fa,#f9edf7 65%,#fff1dc);border-bottom:1px solid #dcc9ec;}
.giveaway-grid-count {flex:none;font-size:14px;font-weight:650;color:#3d285b;}
.giveaway-grid-controls .giveaway-grid-toolbar {flex:1;justify-content:flex-end;margin:0;padding:0;border:0;border-radius:0;background:none;gap:10px;}
.giveaway-grid-toolbar .giveaway-search-field {flex:0 1 330px;}
.giveaway-grid-toolbar .giveaway-sort-field {flex:0 1 165px;}
.giveaway-grid-toolbar label {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.giveaway-grid-toolbar .giveaway-clear-search {margin-top:0;}
.giveaway-workspace-grid .giveaway-table-heading,.giveaway-workspace-grid .giveaway-table-row {grid-template-columns:minmax(220px,1fr) minmax(120px,150px) 150px 100px 90px 125px 36px;}
.giveaway-account-cell a {color:#563386;font-weight:600;font-size:14px;overflow-wrap:anywhere;text-decoration:none;}
.giveaway-account-cell a:hover {text-decoration:underline;}
@media(max-width:1100px){.giveaway-workspace-grid .giveaway-table-heading{display:none}.giveaway-workspace-grid .giveaway-table-row{grid-template-columns:minmax(0,1fr) 36px}.giveaway-workspace-grid .giveaway-table-row>.giveaway-account-cell{grid-column:1}.giveaway-grid-controls{align-items:flex-start;flex-direction:column;gap:12px}.giveaway-grid-controls .giveaway-grid-toolbar{width:100%;justify-content:flex-start}.giveaway-grid-toolbar .giveaway-search-field{flex:1 1 240px}}
@media(max-width:640px){.giveaways-wide-layout .checkout-shell{padding-left:16px;padding-right:16px}.giveaway-grid-controls{padding:16px}.giveaway-grid-toolbar .giveaway-search-field{flex-basis:100%}.giveaway-grid-toolbar .giveaway-sort-field{flex:1}}
@media(max-width:1100px){.giveaway-workspace-grid .giveaway-table-row>div:not(.giveaway-menu-cell),.giveaway-workspace-grid .giveaway-table-row>time{grid-column:1}.giveaway-workspace-grid .giveaway-menu-cell{grid-column:2;grid-row:1}}

/* Solid headers with bold, readable labels. */
.saved-page-heading-enhanced {background:#e9ddf5;}
.saved-page-heading-enhanced h1 {color:#302044;font-weight:800;}
.saved-page-heading-enhanced .giveaways-intro {color:#4c365e;font-weight:600;}
.giveaway-grid-controls {background:#f3edf9;color:#302044;}
.giveaway-workspace-grid .giveaway-table-heading {background:#d8c4ed;color:#2d1744;border-bottom-color:#c5addf;}
.giveaway-workspace-grid .giveaway-table-heading {font-weight:750;text-transform:none;letter-spacing:normal;font-size:13px;}
.giveaway-grid-count {color:#302044;font-weight:750;}
.giveaway-grid-toolbar input,.giveaway-grid-toolbar select {color:#302044;font-weight:650;}
.giveaway-grid-toolbar input::placeholder {color:#5b446f;opacity:1;}
.giveaway-grid-toolbar .btn {font-weight:700;background:#6b35b5;background-image:none;color:#fff;}

.giveaway-workspace-grid {box-shadow:4px 4px 0 rgba(0,0,0,.78);border-color:#8b789d;}
@media(max-width:640px){.giveaway-workspace-grid{box-shadow:3px 3px 0 rgba(0,0,0,.7);}}

/* Keep the toolbar inside the rounded outline without clipping row menus. */
.giveaway-workspace-grid {border-radius:12px;}
.giveaway-workspace-grid .giveaway-grid-controls {border-radius:11px 11px 0 0;}
#giveaway-list-region[aria-busy="true"] {cursor:progress;}
#giveaway-list-region[aria-busy="true"] .giveaway-pagination {opacity:.6;}

/* Pagination belongs to the grid, inside its border and shadow. */
.giveaway-workspace-grid > .giveaway-pagination {margin:0;padding:16px 22px;border-top:1px solid #d9cbe7;border-radius:0 0 11px 11px;background:#f8f4fc;justify-content:flex-end;gap:12px;}
.giveaway-workspace-grid > .giveaway-pagination > [role="status"] {margin-right:auto;color:#302044;font-weight:650;}
@media(max-width:480px){.giveaway-workspace-grid > .giveaway-pagination{padding:14px 12px;gap:8px;flex-wrap:wrap}.giveaway-workspace-grid > .giveaway-pagination > [role="status"]{order:-1;flex-basis:100%;text-align:center;margin:0}}

/* Grid pagination follows the application's controls and palette. */
.giveaway-workspace-grid > .giveaway-grid-pagination {justify-content:space-between;gap:16px;font-size:13px;color:#46546b;}
.giveaway-grid-pagination .pagination-records,.giveaway-grid-pagination .pagination-navigation,.giveaway-grid-pagination .pagination-page-form {display:flex;align-items:center;gap:10px;margin:0;}
.giveaway-grid-pagination label {margin:0;font-weight:600;white-space:nowrap;}
.giveaway-grid-pagination .form-control,.giveaway-grid-pagination .form-select {width:76px;min-height:40px;padding:8px 10px;font-size:13px;}
.giveaway-grid-pagination .form-select {width:94px;padding-right:28px;}
.giveaway-grid-pagination .pagination-button-group {display:flex;align-items:center;gap:6px;}
.giveaway-grid-pagination .pagination-button-group .btn {min-height:40px;padding:9px 12px;font-size:13px;white-space:nowrap;}
.giveaway-grid-pagination .btn[aria-disabled="true"] {opacity:.45;pointer-events:none;box-shadow:none;}
@media(max-width:760px){.giveaway-workspace-grid > .giveaway-grid-pagination{justify-content:center;flex-wrap:wrap}.giveaway-grid-pagination .pagination-navigation{gap:8px;flex-wrap:wrap;justify-content:center}.giveaway-grid-pagination .pagination-button-group .btn{padding:9px}.giveaway-grid-pagination .pagination-page-form{gap:6px}}

.post-information-modal {width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;}
.post-information-body {display:grid;grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);gap:28px;overflow-y:auto;max-height:calc(100dvh - 220px);align-items:start;}
.post-information-image {padding:12px;border:1px solid #ded1ef;border-radius:14px;background:#f7f2fb;}
.post-information-image img {display:block;width:100%;max-height:480px;object-fit:contain;border-radius:8px;}
.post-information-content {min-width:0;color:#25324b;}
.post-information-content h3 {font-size:22px;overflow-wrap:anywhere;margin:0 0 6px;color:#101c40;}
.post-information-content h4 {font-size:16px;font-weight:700;margin:24px 0 10px;}
.post-information-content .refund-information-summary {margin-top:20px;}
.post-information-caption {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:0;}
@media(max-width:640px){.post-information-body{grid-template-columns:1fr;gap:20px;max-height:calc(100dvh - 210px)}.post-information-image img{max-height:300px}}

.post-information-instagram {display:inline-flex;align-items:center;gap:8px;font-weight:600;}
.post-information-instagram svg {flex-shrink:0;}

/* Native modal dialogs lock the document while their own content remains scrollable. */
html:has(dialog:modal),body:has(dialog:modal) {overflow:hidden;overscroll-behavior:none;}
html {scrollbar-gutter:stable;}
.post-information-body {overscroll-behavior:contain;}
.post-information-post {min-width:0;}
.post-information-caption-section {margin-top:18px;}
.post-information-caption-section h4 {font-size:16px;font-weight:700;color:#101c40;margin:0 0 10px;}
.post-information-caption-section .post-information-caption {max-height:190px;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px;border:1px solid #ded1ef;border-radius:10px;background:#fff;color:#25324b;scrollbar-width:thin;}

/* Keep more of the post caption visible beside the saved details. */
.post-information-image {padding:8px;max-width:280px;margin-inline:auto;}
.post-information-image img {max-height:260px;}
.post-information-caption-section .post-information-caption {max-height:300px;}
.post-information-caption-empty {margin:0;color:#46546b;line-height:1.6;}
@media(max-width:640px){.post-information-image{max-width:240px}.post-information-image img{max-height:200px}.post-information-caption-section .post-information-caption{max-height:260px}}

/* End the details cleanly; reserve outer scrolling for constrained viewports. */
.post-information-content .refund-information-summary > div:last-child {border-bottom:0;padding-bottom:0;}
.post-information-content .refund-information-summary {margin-bottom:0;}
@media(min-width:641px) and (min-height:760px){
    .post-information-modal {overflow:visible;}
    .post-information-body {overflow:visible;max-height:none;}
    .post-information-image img {max-height:min(240px,26dvh);}
    .post-information-caption-section .post-information-caption {max-height:min(240px,26dvh);}
    .post-information-content .refund-information-summary > div {padding:9px 0;}
}
@media(max-width:640px),(max-height:759px){
    .post-information-modal {overflow:hidden;}
    .post-information-body {overflow-y:auto;max-height:calc(100dvh - 220px);}
}

.giveaway-column-sort {display:flex;align-items:center;justify-content:space-between;gap:10px;color:inherit;text-decoration:none;font-weight:750;}
.giveaway-column-sort:hover {color:#542491;}
.giveaway-column-sort svg {flex-shrink:0;opacity:.5;}
[aria-sort="ascending"] .giveaway-column-sort svg,[aria-sort="descending"] .giveaway-column-sort svg {opacity:1;}
[aria-sort="ascending"] .sort-descending,[aria-sort="descending"] .sort-ascending {opacity:.25;}
.giveaway-column-sort:focus-visible {outline:2px solid #6b35b5;outline-offset:5px;border-radius:3px;}
.giveaway-grid-toolbar .giveaway-search-field {flex:1 1 360px;}

.giveaway-metric-heading,.giveaway-metric-cell {text-align:right;font-variant-numeric:tabular-nums;}
.giveaway-metric-cell {color:#25324b;font-weight:600;font-size:13px;}
@media(max-width:1100px){.giveaway-metric-cell{text-align:left;display:flex;gap:12px}.giveaway-metric-cell::before{content:attr(data-label);font-weight:400;color:#46546b;}}

.giveaway-account-link,.post-information-account {display:flex;align-items:center;gap:10px;min-width:0;}
.giveaway-account-link > span:last-child {overflow-wrap:anywhere;min-width:0;}
.giveaway-account-avatar {position:relative;display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #d8c8eb;border-radius:50%;overflow:hidden;background:#efe6f9;color:#583087;font-weight:750;font-size:15px;}
.giveaway-account-avatar img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;}
.giveaway-account-avatar img[hidden] {display:none;}
.post-information-account .giveaway-account-avatar {width:44px;height:44px;flex-basis:44px;font-size:18px;}

/* Product descriptor uses the site's established typography, separate from the logo art. */
.studio-header .navbar-brand.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:normal}
.studio-header .brand-descriptor{font-family:inherit;font-size:12px;font-weight:600;line-height:1.35;color:#39465e;letter-spacing:.1px;padding-left:3px}
@media(max-width:700px){.studio-header .brand-descriptor{font-size:10px;max-width:170px}}
@media(max-width:380px){.studio-header .navbar-brand.brand{max-width:112px}.studio-header .brand-descriptor{font-size:10px;padding-left:0;max-width:112px}}
/* PickAWinner C: preserve the supplied outlined wordmark and its native proportions. */
.studio-header .brand-logo-frame{width:220px;height:54px;display:flex;align-items:center}
.studio-header .brand-logo-frame .giveaway-brand-logo{width:100%;height:auto;max-height:54px;object-fit:contain}
@media(max-width:700px){.studio-header .brand-logo-frame{width:180px;height:44px}}
@media(max-width:480px){.studio-header .brand-logo-frame{width:148px;height:38px}}
@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}}
/* Slogan artwork needs its designed desktop width; compact headers use the original. */
.studio-header .brand-logo-frame{width:340px;height:auto;aspect-ratio:1991 / 500}
.studio-header .brand-logo-frame .giveaway-brand-logo{width:100%;height:auto;max-height:none}
.studio-header .navbar-brand.brand{flex-shrink:0}
@media(max-width:1100px){.studio-header .brand-logo-frame{width:220px;height:54px;aspect-ratio:auto}.studio-header .brand-logo-frame .giveaway-brand-logo{max-height:54px}}
@media(max-width:700px){.studio-header .brand-logo-frame{width:180px;height:44px}}
@media(max-width:480px){.studio-header .brand-logo-frame{width:148px;height:38px}}
@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}}
/* Compact header keeps the first action higher without reducing control sizes. */
.studio-header .studio-container{padding-top:10px;padding-bottom:10px}
.studio-header.navbar{min-height:74px}
.studio-header .brand-logo-frame{width:300px}
@media(max-width:1100px){.studio-header .brand-logo-frame{width:220px}}
@media(max-width:700px){.studio-header .brand-logo-frame{width:180px}}
@media(max-width:480px){.studio-header .brand-logo-frame{width:148px}}
@media(max-width:380px){.studio-header .brand-logo-frame{width:38px}}