/* A small introduction, three details, and room for the invitations. */
.studio-simple{--studio-ink:#381c12;--studio-copper:#93502f;--studio-muted:#765845;--studio-line:#d9c3a4;--studio-paper:#fffaf2;--studio-card-width:350px;--studio-gallery-gap:24px}
.studio-simple.studio-modal-open{overflow:hidden}
.studio-simple .studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-block:42px 24px}
.studio-simple .studio-heading h1{font-size:clamp(43px,5vw,64px);line-height:1.05;letter-spacing:-1.1px;margin:10px 0 15px;color:var(--studio-ink)}
.studio-simple .studio-intro{max-width:560px;font-size:16px;line-height:1.75;color:var(--studio-muted)}
.studio-simple .studio-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:340px;text-align:right}
.studio-simple .studio-heading-actions .button{min-height:44px;padding:11px 19px;font-size:13px}
.studio-simple #studio-personal-summary{font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere;color:var(--studio-ink)}
.studio-simple #draft-status{font:11px/1.6 Studio,Arial,sans-serif;color:var(--studio-muted)}
.studio-simple .studio-gallery-section{padding-block:9px 28px;min-width:0;overflow:hidden}
.studio-simple .studio-gallery-toolbar{width:min(1240px,calc(100% - 64px));margin:0 auto 10px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.studio-simple #studio-gallery-status{font:13px/1.6 Studio,Arial,sans-serif;color:var(--studio-muted);margin:0;overflow-wrap:anywhere}
.studio-simple .studio-swipe-hint{font:11px/1.6 Studio,Arial,sans-serif;color:var(--studio-muted);margin:4px 0 0}
.studio-simple .studio-gallery-arrows{display:flex;gap:9px;flex-shrink:0}
.studio-simple .studio-icon-button{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #b89470;border-radius:50%;background:var(--studio-paper);color:var(--studio-ink);box-shadow:0 2px 8px #381c1209;cursor:pointer;transition:background .18s,transform .18s}
.studio-simple .studio-icon-button svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.studio-simple .studio-icon-button:hover{background:#f0e2ca;transform:translateY(-1px)}
.studio-simple .studio-icon-button:disabled{opacity:.35;cursor:default;transform:none}
.studio-simple .studio-gallery{display:flex;align-items:flex-start;gap:var(--studio-gallery-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:max(32px,calc((100vw - 1240px)/2));padding:22px max(32px,calc((100vw - 1240px)/2)) 25px;margin:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c9ac88 transparent;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;isolation:isolate;cursor:grab}
/* Leave exactly enough room for the last phone to reach the selection edge. */
.studio-simple .studio-gallery::after{content:'';display:block;flex:0 0 max(0px,calc(100% - var(--studio-card-width) - var(--studio-gallery-gap)));height:1px;pointer-events:none}
.studio-simple .studio-gallery.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.studio-simple .studio-theme-card{flex:0 0 var(--studio-card-width);width:var(--studio-card-width);min-width:0;scroll-snap-align:start;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;transition:opacity .2s}
.studio-simple .studio-phone-wrap{position:relative;width:290px;max-width:calc(100% - 60px);margin:0 auto}
.studio-simple .studio-phone{position:relative;width:100%;padding:8px;border:2px solid #66564c;border-radius:39px;background:linear-gradient(120deg,#514740,#181614 42%,#3c342d);box-shadow:0 17px 24px -16px #381c1266,0 2px 2px #fff8 inset,0 0 0 1px #b6a491;transition:box-shadow .2s,transform .2s}
.studio-simple .studio-phone::before{content:'';position:absolute;z-index:2;width:68px;height:17px;left:50%;top:15px;transform:translateX(-50%);background:#1c1917;border-radius:20px;pointer-events:none}
.studio-simple .studio-phone::after{content:'';position:absolute;z-index:2;width:74px;height:4px;left:50%;bottom:16px;transform:translateX(-50%);background:#47372b99;border-radius:4px;pointer-events:none}
.studio-simple .studio-phone-screen{position:relative;aspect-ratio:360/700;width:100%;overflow:hidden;border-radius:29px;background:#f7f1e8;isolation:isolate;pointer-events:none}
.studio-simple .studio-theme-frame{position:absolute;display:block;left:0;top:0;width:360px;height:700px;max-width:none;border:0;background:#f7f1e8;transform-origin:0 0;pointer-events:none}
.studio-simple .studio-expand{position:absolute;right:-29px;top:42px;z-index:3;box-shadow:0 4px 13px #381c121a}
.studio-simple .studio-theme-card[data-active=true] .studio-phone{box-shadow:0 20px 32px -17px #381c1277,0 2px 2px #fff8 inset,0 0 0 3px #ac754257}
.studio-simple .studio-theme-caption{display:flex;flex-direction:column;align-items:center;text-align:center;padding:23px 18px 0;gap:5px}
.studio-simple .studio-theme-caption h2{font:30px/1.15 Editorial,Georgia,serif;letter-spacing:-.3px;color:var(--studio-ink);margin:0}
.studio-simple .studio-theme-caption p{font:12px/1.6 Studio,Arial,sans-serif;color:var(--studio-muted);margin:0}
.studio-simple .studio-choose{font:13px/1.5 Studio,Arial,sans-serif;color:var(--studio-copper);background:transparent;border:0;border-bottom:1px solid #b68d6899;border-radius:0;min-height:40px;margin-top:4px;padding:8px 4px;cursor:pointer}
.studio-simple .studio-choose[aria-pressed=true]{font-weight:700;color:var(--studio-ink);border-bottom-color:var(--studio-ink)}
.studio-simple .studio-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding-block:28px 46px;border-top:1px solid var(--studio-line);text-align:center}
.studio-simple .studio-actions>.button{min-height:48px;font-size:14px;padding:13px 22px}
.studio-simple .studio-order-prompt{width:100%;max-width:650px;margin-bottom:9px}
.studio-simple .studio-order-prompt h2{margin:8px 0 12px;font:400 clamp(28px,4vw,38px)/1.2 Editorial,Georgia,serif;color:var(--studio-ink)}
.studio-simple .studio-order-prompt>p:last-child{margin:0;font:14px/1.8 Studio,Arial,sans-serif;color:var(--studio-muted)}
.studio-simple .studio-instagram-design{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:10px 14px;border:1px solid #b89470;border-radius:6px;color:var(--studio-copper);background:#fffaf2;font:12px/1.5 Studio,Arial,sans-serif;text-decoration:none}
.studio-simple .studio-instagram-design:hover{background:#f0e2ca}
.studio-simple .studio-request-fallback{width:100%;max-width:650px;padding:18px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-paper);text-align:left}
.studio-simple .studio-request-fallback label{font:13px/1.7 Studio,Arial,sans-serif;color:var(--studio-ink)}
.studio-simple #studio-design-request{display:block;width:100%;margin:8px 0 12px;padding:12px;resize:vertical;border:1px solid #b99a75;border-radius:4px;background:#fffdf8;color:var(--studio-ink);font:14px/1.65 Studio,Arial,sans-serif}
.studio-simple .studio-actions>p{width:100%;margin:0;font:12px/1.7 Studio,Arial,sans-serif;color:var(--studio-muted)}
.studio-simple #studio-feedback:empty{display:none}
.studio-simple #studio-feedback{color:#4c633b}
.studio-simple #share-link-label{width:100%;max-width:650px;text-align:left;font:13px/1.7 Studio,Arial,sans-serif}
.studio-simple #studio-share-link{display:block;width:100%;min-width:0;margin-top:8px;padding:12px;font:14px/1.5 Studio,Arial,sans-serif;border:1px solid #b99a75;border-radius:6px;background:var(--studio-paper);color:var(--studio-ink)}
.studio-simple #share-link-label small{font-size:12px;color:var(--studio-muted)}
.studio-simple [hidden]{display:none!important}
.studio-simple .studio-details-dialog{position:fixed;width:min(530px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:37px 38px 32px;overflow:auto;overscroll-behavior:contain;border:1px solid #d0b792;border-radius:18px;background-color:var(--studio-paper);background-image:linear-gradient(#fffaf2e8,#fffaf2e8),url('ivory-paper.svg');color:var(--studio-ink);box-shadow:0 30px 90px #28120855}
.studio-simple .studio-details-dialog::backdrop{background:#27170fd0;backdrop-filter:blur(7px)}
.studio-simple .studio-details-dialog>.eyebrow{font-size:10px;letter-spacing:1.6px;padding-right:24px;margin:0 0 10px}
.studio-simple .studio-details-dialog h2{font:43px/1.08 Editorial,Georgia,serif;letter-spacing:-.6px;margin:0 0 12px;color:var(--studio-ink)}
.studio-simple .studio-details-dialog>p:not(.eyebrow){font:14px/1.7 Studio,Arial,sans-serif;color:var(--studio-muted);margin:0 0 23px}
.studio-simple .studio-dialog-close{position:absolute;right:15px;top:15px;width:36px;height:36px;min-width:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--studio-muted);cursor:pointer}
.studio-simple .studio-dialog-close:hover{background:#f0e2ca}
.studio-simple .studio-dialog-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.studio-simple #studio-form{margin:0;padding:0;display:grid;gap:19px}
.studio-simple #studio-form label{display:block;margin:0;min-width:0;font:14px/1.6 Studio,Arial,sans-serif;color:var(--studio-ink)}
.studio-simple .studio-field-number{display:inline-block;margin-right:8px;color:#9b704a;font:11px/1 Studio,Arial,sans-serif;font-variant-numeric:tabular-nums}
.studio-simple #studio-form input,.studio-simple #studio-form select{display:block;width:100%;min-width:0;max-width:100%;min-height:50px;padding:12px 13px;margin:8px 0 0;border:1px solid #cfb89a;border-radius:7px;background:#fffdf8;color:var(--studio-ink);font:16px/1.5 Studio,Arial,sans-serif;box-shadow:0 2px 4px #381c1203}
.studio-simple #studio-form input::placeholder{color:#9c8874;opacity:1}
.studio-simple #studio-form input[type=datetime-local]{appearance:none;-webkit-appearance:none}
.studio-simple #studio-form input::-webkit-datetime-edit{padding:0;min-width:0}
.studio-simple #studio-form small,.studio-simple #studio-names-hint{display:block;margin:6px 0 0;font:11px/1.6 Studio,Arial,sans-serif;color:var(--studio-muted)}
.studio-simple #studio-form>.button{width:100%;min-height:51px;margin:3px 0 0;font-size:14px;justify-content:center;border-radius:7px}
.studio-simple .studio-fullscreen{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fbf4e8;overflow:hidden;color:var(--studio-ink)}
.studio-simple .studio-fullscreen::backdrop{background:#fbf4e8}
.studio-simple .studio-fullscreen[open]{display:block}
.studio-simple .studio-fullscreen-back{position:absolute;left:max(15px,env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:0;border-radius:0;background:transparent;color:var(--studio-fullscreen-control-ink,var(--studio-ink));font:13px/1.5 Studio,Arial,sans-serif;cursor:pointer}
.studio-simple .studio-fullscreen-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.studio-simple .studio-fullscreen-back:hover{background:transparent}
.studio-simple #studio-fullscreen-title{position:absolute;top:0;left:128px;right:22px;z-index:2;display:flex;align-items:center;justify-content:flex-end;height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);font:15px/1.4 Studio,Arial,sans-serif;color:var(--studio-fullscreen-control-ink,var(--studio-ink));text-align:right;overflow-wrap:anywhere;background:transparent;pointer-events:none}
.studio-simple #studio-fullscreen-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:transparent}
.studio-simple :is(.studio-icon-button,.studio-choose,.studio-dialog-close,.studio-fullscreen-back,.studio-gallery):focus-visible{outline:2px solid var(--studio-copper);outline-offset:5px}
.studio-simple #studio-form :is(input,select):focus-visible{outline:2px solid var(--studio-copper);outline-offset:3px}
@media(min-width:1500px){.studio-simple{--studio-gallery-gap:40px}.studio-simple .studio-gallery-toolbar{margin-bottom:17px}}
@media(max-width:800px){
  .studio-simple{--studio-card-width:310px;--studio-gallery-gap:18px}
  .studio-simple .studio-heading{display:block;padding-block:29px 18px}
  .studio-simple .studio-heading h1{margin-block:10px 12px;font-size:50px}
  .studio-simple .studio-intro{font-size:14px;max-width:510px}
  .studio-simple .studio-heading-actions{max-width:none;align-items:flex-start;gap:8px;text-align:left;margin-top:19px}
  .studio-simple .studio-heading-actions .button{min-height:42px;font-size:12px;padding:10px 15px}
  .studio-simple #studio-personal-summary{font-size:12px}
  .studio-simple .studio-gallery-toolbar{width:calc(100% - 40px);margin-bottom:0}
  .studio-simple .studio-gallery{padding:20px 20px 25px;scroll-padding-inline:20px}
  .studio-simple .studio-phone-wrap{width:250px}
  .studio-simple .studio-phone{border-radius:34px;padding:7px}
  .studio-simple .studio-phone-screen{border-radius:25px}
  .studio-simple .studio-phone::before{top:13px;width:60px;height:15px}
  .studio-simple .studio-phone::after{bottom:14px;width:66px}
  .studio-simple .studio-theme-caption{padding-top:21px}
  .studio-simple .studio-theme-caption h2{font-size:28px}
  .studio-simple .studio-actions{padding-block:23px 35px}
}
@media(max-width:480px){
  .studio-simple{--studio-card-width:288px;--studio-gallery-gap:10px}
  .studio-simple .studio-heading{padding-top:25px}
  .studio-simple .studio-heading h1{font-size:45px}
  .studio-simple .studio-heading .eyebrow{font-size:10px}
  .studio-simple .studio-gallery-toolbar{gap:10px}
  .studio-simple #studio-gallery-status{font-size:11px}
  .studio-simple .studio-gallery-arrows{gap:7px}
  .studio-simple .studio-gallery-arrows .studio-icon-button{width:40px;height:40px;min-width:40px;flex-basis:40px}
  .studio-simple .studio-phone-wrap{width:238px;max-width:calc(100% - 50px)}
  .studio-simple .studio-expand{right:-25px;top:34px}
  .studio-simple .studio-theme-caption h2{font-size:27px}
  .studio-simple .studio-theme-caption p{font-size:11px}
  .studio-simple .studio-actions>.button{width:100%;font-size:13px}
  .studio-simple .studio-actions>p{font-size:11px}
  .studio-simple .studio-details-dialog{padding:31px 23px 25px;border-radius:15px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  .studio-simple .studio-details-dialog h2{font-size:37px;padding-right:10px}
  .studio-simple .studio-details-dialog>p:not(.eyebrow){font-size:13px;margin-bottom:19px}
  .studio-simple #studio-form{gap:16px}
  .studio-simple #studio-form label{font-size:13px}
  .studio-simple #studio-form input,.studio-simple #studio-form select{min-height:48px;padding:11px}
  .studio-simple #studio-fullscreen-title{font-size:12px;left:119px;right:16px}
}
@media(max-height:650px){.studio-simple .studio-details-dialog{padding-top:25px;padding-bottom:23px}.studio-simple .studio-details-dialog h2{font-size:35px}.studio-simple .studio-details-dialog>p:not(.eyebrow){margin-bottom:16px}.studio-simple #studio-form{gap:13px}}
@media(prefers-reduced-motion:reduce){.studio-simple .studio-gallery{scroll-behavior:auto}.studio-simple .studio-icon-button,.studio-simple .studio-phone,.studio-simple .studio-theme-card{transition:none}}

/* Match the invitation phones used by the home page theme cards. */
.studio-simple .studio-phone-wrap{width:265px;max-width:calc(100% - 52px)}
.studio-simple .studio-phone{width:100%;aspect-ratio:.482;padding:6px;border:1px solid #99968f;border-radius:15.5%/7.5%;background:linear-gradient(110deg,#5b5852 0%,#d9d7d2 1.6%,#f9f8f5 2.4%,#b5b2ab 3.8%,#343331 5%,#9b9790 49%,#e1dfda 94%,#f5f3ed 97.5%,#79756d 99%);box-shadow:0 2px 2px #ffffff99 inset,0 -2px 3px #34312e99 inset,0 0 0 1px #3c3b3540,0 8px 12px -8px #392b2270,0 28px 40px -20px #392b2270,0 50px 55px -28px #392b2230;transition:box-shadow .2s,transform .2s}
.studio-simple .studio-phone::before{inset:3px;left:3px;top:3px;right:3px;bottom:3px;width:auto;height:auto;transform:none;z-index:-1;border:1px solid #111;background:#101010;border-radius:inherit}
.studio-simple .studio-phone::after{content:none}
.studio-simple .studio-phone-screen{width:100%;height:100%;aspect-ratio:auto;padding:0;border:0;border-radius:14%/6.7%;background:var(--device-paper);display:flex;flex-direction:column;pointer-events:auto}
.studio-simple .studio-invitation{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;align-items:center}
.studio-simple .studio-theme-frame{position:absolute;left:0;top:0;width:360px;height:600px;max-width:none;border:0;background:var(--device-paper);transform-origin:0 0;pointer-events:none}
.studio-simple .studio-phone-tap{position:absolute;inset:0;z-index:11;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;cursor:pointer;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}
.studio-simple .studio-phone-tap:focus-visible{outline:2px solid var(--studio-copper);outline-offset:-4px}
.studio-simple .studio-gallery.is-dragging .studio-phone-tap{cursor:grabbing}
.studio-simple .studio-phone .device-status{flex:0 0 36px}
.studio-simple .studio-phone .device-home{bottom:6px}
.studio-simple .studio-theme-card[data-active=true] .studio-phone{box-shadow:0 2px 2px #ffffff99 inset,0 -2px 3px #34312e99 inset,0 0 0 3px #ac754257,0 12px 18px -9px #392b2270,0 28px 40px -20px #392b2270}
.studio-simple .studio-empty-state{width:min(620px,calc(100% - 40px));margin:28px auto 54px;padding:clamp(26px,5vw,48px);border:1px solid #d8c5a7;border-radius:12px;background:linear-gradient(145deg,#fffdf8,#f4ead9);text-align:center;box-shadow:0 18px 42px #583e2010}
.studio-simple .studio-empty-state[hidden]{display:none}
.studio-simple .studio-empty-state h2{margin:10px 0;font:400 clamp(30px,5vw,42px)/1.1 Editorial,Georgia,serif;color:var(--studio-ink)}
.studio-simple .studio-empty-state>p:not(.eyebrow){max-width:440px;margin:0 auto 22px;color:var(--studio-muted);font:14px/1.7 Studio,Arial,sans-serif}
.studio-simple .studio-empty-state .button{min-height:46px;justify-content:center}
.studio-simple :is(#studio-gallery,#studio-swipe-hint,.studio-share-note,.studio-empty-state)[hidden]{display:none!important}
.studio-simple #copy-studio-link:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:800px){.studio-simple .studio-phone-wrap{width:250px}}
@media(max-width:480px){.studio-simple .studio-phone-wrap{width:238px}}