/* Confirmed 2026-10-07: one neutral control palette for every invitation design. */
:root,body,.studio-design-dialog{
  --action:#30302e;
  --action-hover:#1e1e1d;
  --primary:#F47B5C;
  --primary-hover:#E6684A;
  --primary-soft:#FFE2D8;
  --selection-line:#F47B5C99;
  --focus-line:#E6684A99;
  --glass-paper:linear-gradient(145deg,#ffffffed,#f7f4f1d9 48%,#e1dedbb8);
  --glass-edge:#a29f9c40;
  --glass-shadow:inset 0 1px 0 #fffffff5,inset 0 -1px 2px #ad5b4514,0 2px 5px #514e4b12;
  --coral:var(--primary);
  --coral-dark:var(--primary-hover);
  --dark:var(--action);
  --dark-hover:var(--action-hover);
  --placeholder-paper:#f0f0ee;
  --placeholder-line:#d8d8d4;
  --placeholder-ink:#92928b;
}
body .btn-accent,body .btn-primary,#editorView .btn-accent,#editorView .btn-primary,
body .studio-guest-paper .btn-primary,body .preview-flow-actions .btn-primary,
body .studio-design-dialog .btn-accent,body .povod-pro-dialog .povod-pro-action{
  background:var(--action);border-color:var(--action);color:#fff;
  box-shadow:inset 0 1px 0 #ffffff20,0 3px 10px #30302e12;
}
body .btn-accent:hover,body .btn-primary:hover,#editorView .btn-accent:hover,#editorView .btn-primary:hover,
body .studio-guest-paper .btn-primary:hover,body .preview-flow-actions .btn-primary:hover,
body .studio-design-dialog .btn-accent:hover,body .povod-pro-dialog .povod-pro-action:hover{
  background:var(--action-hover);border-color:var(--action-hover);filter:none;
}
body .btn-accent:disabled,body .btn-primary:disabled,#editorView .btn-accent:disabled,#editorView .btn-primary:disabled,
body .studio-guest-paper .btn-primary:disabled,body .preview-flow-actions .btn-primary:disabled,
body .povod-pro-dialog .povod-pro-action:disabled,body .guest-response [type=submit]:disabled{
  background:#e4e4e1;border-color:#d8d8d4;color:#686863;box-shadow:none;opacity:1;filter:none;
}
body .studio-invitation.studio-guest-paper[data-theme]{--paper-accent:#706d6a;--paper-wash:#f3f3f1}
body .preview-flow-actions{--preview-accent:var(--action)}
body .studio-design-remove-dialog [data-remove-confirm]{background:var(--action);border-color:var(--action);color:#fff}
body .povod-pro-dialog .povod-pro-packs button[aria-pressed=true]{background:#f0f0ee;border-color:var(--selection-line);color:#65625f;box-shadow:inset 0 1px 0 #fff,0 3px 10px #30302e08}
body .povod-pro-packs [aria-pressed=true] .povod-pro-pack-check{background:#908d8ab3;border-color:#908d8a80}
body .povod-pro-dialog button:focus-visible{outline:1px solid var(--focus-line)!important;outline-offset:3px}
#editorView .povod-notification-setting input[type=checkbox]:checked{background:#908d8a}
body :is(button,a,summary,input,textarea,select):focus-visible{outline-width:1px;outline-color:var(--focus-line)}
#editorView :is(input,textarea,select):focus-visible{outline-width:1px;outline-color:var(--focus-line)}
#editorView .studio-design{border-width:1px}
#editorView .studio-design[aria-pressed=true]{border-color:var(--selection-line)}
#editorView .studio-design[aria-pressed=true]>span:not(.povod-pro-badge){width:18px;height:18px;font-size:11px;background:var(--glass-paper);border:1px solid #ffffffbf;box-shadow:var(--glass-shadow);color:#666360;text-shadow:0 1px 0 #ffffffcc;backdrop-filter:blur(6px)}
#editorView .studio-design>span:not(.povod-pro-badge){display:grid;opacity:0;transform:scale(.92);pointer-events:none}
#editorView .studio-design[aria-pressed=true]>span:not(.povod-pro-badge){opacity:1;transform:scale(1)}
#editorView .studio-journey button{border-bottom-width:1px}
#editorView .studio-journey button[aria-current]{border-bottom-color:#89868399}
#editorView .studio-fonts button[aria-pressed=true]::before{border-color:var(--selection-line)}
#editorView .studio-date-field:focus-within{outline:1px solid var(--focus-line)}
#editorView .date-time-row:focus-within{outline:1px solid var(--focus-line)}
#editorView .studio-design:focus-visible,#editorView .studio-switch button:focus-visible{outline:1px solid var(--focus-line)}
#editorView button.studio-photo:focus-visible{outline:1px solid var(--focus-line);outline-offset:-3px}
html.keyboard-input body :is(button,a,summary):focus-visible{outline:2px solid #767370;outline-offset:3px}

/* Neutral placeholders only: uploaded photos and invitation illustrations keep their pixels. */
body .cover-placeholder,body .gift-img,body .studio-guest-paper .gift-img,
body .gift-basket-photo,body .gift-basket-placeholder,body .studio-wishlist-thumb{
  background:var(--placeholder-paper);color:#777771;
}
.gift-placeholder-icon{filter:grayscale(1);opacity:.65}
body .studio-photo:not(:has(img)){background:var(--placeholder-paper)}
body .studio-photo .studio-add-photo,body .studio-add-photo b{color:#777771}
body .studio-photo-mini{background:var(--placeholder-paper);color:#777771}
body .studio-design-upload{background:linear-gradient(145deg,#fff,#f0f0ee)!important;border-color:var(--placeholder-line)!important;color:#6d6d67}
body .studio-design img{background:var(--placeholder-paper)}
#editorView .studio-wishlist-add{background:linear-gradient(145deg,#fff,#f0f0ee);border-color:var(--placeholder-line)}
body .studio-wishlist-sketch{background:#ffffff80;border-color:var(--placeholder-line)}
body .studio-wishlist-thumb>svg,body .studio-wishlist-sketch>svg{stroke:var(--placeholder-ink)}
body .studio-wishlist-skeleton{background:#cececa}
body .loading-skeleton span{background:#e2e2de}
body .povod-guests-empty{border-color:var(--placeholder-line);background:#f4f4f2}
body .povod-guests-empty>span{color:var(--placeholder-ink)}
#editorView .gift-composer-photo{background:var(--placeholder-paper);border-color:var(--placeholder-line)}
.gift-loading-photo{background:#e5e5e1;border-color:var(--placeholder-line)}
.gift-loading-photo svg{stroke:#a4a49c}
.gift-loading-lines i{background-image:linear-gradient(100deg,#dcdcd8 25%,#f1f1ee 46%,#dcdcd8 68%)}
.gift-basket-choice img{background:var(--placeholder-paper)}
.gift-composer[data-loading=true] .gift-composer-data{background:#eaeae680;border-color:var(--placeholder-line)}
.gift-composer-notice{border-color:#d8d8d477}
.gift-composer-status-mark{background:#eaeae6;color:#6f6f68}
.gift-composer-notice[data-phase=loading] .gift-composer-status-mark::before{border-color:#c7c7c0;border-top-color:#73736b}
.gift-composer-notice[data-phase=done]{background:#f2f2ef;border-color:#d5d5ce}
.gift-composer-notice[data-phase=done] .gift-composer-status-mark{background:#e3e3dc}
.gift-composer[data-phase=done][data-loading=false] .gift-composer-data{background:#fffefbf2;border-color:#d0d0c8;box-shadow:inset 0 1px 0 #fff,0 4px 18px #30302e0a}
.gift-crop-guides{border-color:#92928b70}
body .studio-switch::after{background:#dededb;border-color:#c7c7c2}
body .studio-switch::before{border-color:#b4b4ad}
body .studio-switch button{color:#5c5c57}
body .studio-switch button[aria-pressed=true]{color:#30302e}
#editorView .studio-size-control input[type=range]{accent-color:var(--primary)}
body .studio-size-control input[type=range]::-webkit-slider-runnable-track{background:#deded9}
body .studio-size-control input[type=range]::-webkit-slider-thumb{border-color:#bdbdb5}
body .studio-size-control input[type=range]::-moz-range-track{background:#deded9}
body .studio-size-control input[type=range]::-moz-range-thumb{border-color:#bdbdb5}
body .studio-size-control input:focus-visible{outline-color:var(--primary)}
body .studio-preview[data-art-loading]::after{background:#f5f5f2ed;color:#6d6d67}

/* Small glass details: a highlight, a translucent edge and a restrained relief. */
body .btn-soft,body .studio-tools{background:var(--glass-paper);border-color:var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(7px)}
body .studio-tools button[aria-pressed=true]{background:linear-gradient(145deg,#fffffffa,#f7f4f1db);box-shadow:var(--glass-shadow)}
body .studio-small-pill::before,body .studio-collection::before,body .studio-fonts button::before{background:var(--glass-paper);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}
body .studio-design-upload b,body .studio-wishlist-sketch i{background:var(--glass-paper);border:1px solid #ffffffcc;box-shadow:var(--glass-shadow);color:#73706d;backdrop-filter:blur(6px)}
body .studio-add-photo b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--glass-paper);border:1px solid #ffffffcc;box-shadow:var(--glass-shadow);color:#73706d}
body .studio-collection>span{display:grid;place-items:center;width:14px;height:14px;top:15px;right:8px;border:1px solid #ffffff99;border-radius:50%;background:var(--glass-paper);box-shadow:inset 0 1px 0 #fff,0 1px 3px #514e4b12;font-size:11px;color:#767370}
body .app-back-button>span{display:grid;place-items:center;width:18px;height:18px;border:1px solid #ffffffa6;border-radius:50%;background:var(--glass-paper);box-shadow:var(--glass-shadow);font-size:20px;color:#767370}
body .studio-switch::before{background:var(--glass-paper);box-shadow:var(--glass-shadow)}
body .gift-composer-notice .gift-composer-status-mark{background:var(--glass-paper);border:1px solid #ffffffb3;box-shadow:var(--glass-shadow);backdrop-filter:blur(6px)}
body .povod-pro-dialog .povod-pro-packs button[aria-pressed=true]{background-image:var(--glass-paper);box-shadow:var(--glass-shadow)}
#editorView .studio-footer>.btn>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid #ffffff30;border-radius:50%;background:linear-gradient(135deg,#ffffff36,#ffffff0a);box-shadow:inset 0 1px 0 #ffffff75,inset 0 -1px 1px #00000026,0 1px 3px #0000001a;backdrop-filter:blur(6px);text-shadow:0 1px 1px #00000026}
#editorView :is(input,textarea,select):focus-visible{box-shadow:inset 0 1px 0 #fff,0 0 0 2px #908d8a0b}

@media(prefers-reduced-motion:no-preference){
  body :is(button,a,input,textarea,select,summary),body .btn{
    transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,outline-color 180ms ease,box-shadow 180ms ease;
  }
  #editorView .studio-design{transition:border-color 200ms ease,box-shadow 200ms ease}
  #editorView .studio-design>span:not(.povod-pro-badge){transition:opacity 180ms ease,transform 180ms cubic-bezier(.22,1,.36,1)}
  #editorView .studio-fonts button::before{transition:border-color 200ms ease,background-color 200ms ease,box-shadow 200ms ease}
  #editorView .studio-journey button,#editorView .studio-tools button{transition:color 180ms ease,border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease}
  #editorView :is(input,textarea,select){transition:background-color 180ms ease,border-color 180ms ease,outline-color 180ms ease,box-shadow 180ms ease}
}
@media(prefers-reduced-motion:reduce){
  body :is(button,a,input,textarea,select,summary),#editorView .studio-design>span,#editorView .studio-fonts button::before{
    transition:none!important;animation:none!important;
  }
}

/* Pro sits across the card's upper edge, as in Polina's annotated reference. */
body .povod-pro-badge,body .povod-inline-pro-badge,body .povod-wishlist-pro-badge,
body .povod-wishlist-pro-badge[data-active],
#editorView .studio-design .povod-pro-badge,#editorView .studio-design .povod-pro-badge[data-active]{
  display:inline-flex;align-items:center;justify-content:center;width:auto;height:19px;box-sizing:border-box;
  padding:3px 6px;border:1px solid #ffffffbd;border-radius:999px;
  background:linear-gradient(145deg,#fff9f3ef,#ffe5d7c9 50%,#eab7a399);
  box-shadow:inset 0 1px 0 #fffffff2,inset 0 -1px 1px #ae6f4933,0 2px 5px #9e5c3a17,0 0 0 .5px #c38e7452;
  color:#8d4a39;font:500 9px/1 var(--studio-font);letter-spacing:.015em;
  white-space:nowrap;text-shadow:0 1px 0 #ffffffbd;opacity:1;transform:none;
  backdrop-filter:blur(4px) saturate(1.1);pointer-events:none;
}
body .studio-design-upload{overflow:visible}
#editorView .studio-design .povod-pro-badge{top:-7px;right:6px;bottom:auto;left:auto;z-index:3}
body .povod-wishlist-pro-badge{top:-7px;right:8px;z-index:3}
#editorView .studio-shell[data-tool=design] .studio-gallery{padding-top:10px}
#editorView .studio-design .povod-pro-badge[data-active=true],body .povod-wishlist-pro-badge[data-active=true]{
  box-shadow:inset 0 1px 0 #fffffff2,inset 0 -1px 1px #ae6f4933,0 2px 6px #9e5c3a1c,0 0 8px #eab7a32b;
}

/* Polina, 2026-10-08: coral brand accents; warm neutral glass without green. */
body .povod-pro-dialog .povod-pro-packs button[aria-pressed=true]{background:#fff0e8;background-image:none;border-color:#F47B5C;color:#8d4a39;box-shadow:inset 0 1px 0 #fff,0 3px 10px #b65e4410}
body .povod-pro-packs [aria-pressed=true] .povod-pro-pack-check{background:#F47B5C;border-color:#F47B5C;color:#3A312B}
body .povod-pro-dialog .povod-pro-action{background:#F47B5C;border-color:#F47B5C;color:#3A312B;box-shadow:inset 0 1px 0 #ffffff80,0 5px 14px #c15b401e}
body .povod-pro-dialog .povod-pro-action:hover{background:#E6684A;border-color:#E6684A;color:#2B2521;filter:none}
body .povod-pro-dialog .povod-pro-action:disabled{background:#e4e1de;border-color:#d8d4d0;color:#68635e;box-shadow:none}
#editorView .povod-notification-setting input[type=checkbox]:checked{background:var(--primary)}
#editorView .studio-journey button[aria-current]{border-bottom-color:#F47B5C99}
#studioPreview .studio-invitation{box-shadow:0 14px 32px #49332614,0 3px 8px #49332609,inset 0 1px 0 #fff}

:root,body,.studio-design-dialog{--olive:var(--primary);--olive-soft:var(--primary-soft);--green:#ad5b45;--success:#ad5b45;--success-soft:#fff0e8}