@font-face{font-family:Studio Snell;src:url(/monogram-studio/fonts/interface/SnellRoundhand-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.monogram-studio{box-sizing:border-box;max-width:760px;padding:24px 20px 36px}.monogram-studio .studio-brand{margin:0 auto 24px;color:#7c9dca}.studio-brand-mark{display:flex;align-items:center;justify-content:center;width:120px;height:78px;border:1px solid #7c9dca;border-radius:50%;margin:0 auto 9px;font:42px/1 Studio Snell,Snell Roundhand,Apple Chancery,cursive;letter-spacing:-5px;padding-right:5px;box-sizing:border-box}.studio-brand-name{margin:0;font:15px/1.4 Cormorant SC,Georgia,serif;letter-spacing:2px}.studio-brand-name span{display:block}.monogram-studio section[aria-label="Monogram preview controls"]{width:100%;max-width:390px;margin:0 auto 24px;text-align:left}.monogram-studio section>label[for=studio-font-mode],.monogram-studio section>label[for=studio-initials]{display:block;margin:16px 0 6px;color:#789bc8;font:29px/1.25 Studio Snell,Snell Roundhand,Apple Chancery,cursive}.monogram-studio #studio-font-mode,.monogram-studio #studio-initials{display:block;box-sizing:border-box;width:100%;max-width:none;min-height:48px;margin:0;padding:9px 14px;border:1px solid #bdcfe6;border-radius:8px;background:#fff;color:#42628a;text-align:left;font:21px/1.3 Cormorant SC,Georgia,serif}.monogram-studio .studio-backgrounds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0}.monogram-studio .studio-backgrounds button{box-sizing:border-box;width:100%;height:auto;min-height:46px;margin:0;padding:10px 8px;border:1px solid #cbd9ea;border-radius:9px;box-shadow:none;color:#6f8fbd;background:#fff;font:18px/1.2 Cormorant SC,Georgia,serif;text-transform:none}.monogram-studio .studio-backgrounds .studio-background-choice{min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.studio-background-choice img{width:58px;height:42px;object-fit:contain}.monogram-studio .studio-backgrounds [aria-pressed=true]{border-color:#7c9dca;background:#f0f5fc;box-shadow:inset 0 0 0 1px #7c9dca}.monogram-studio .studio-backgrounds .studio-upload-button{grid-column:1 / -1;background:#ffffffd9;color:#7c9dca;border:1px solid #d3dfed;box-shadow:none}.monogram-studio .studio-backgrounds .studio-photo-action{font-size:16px}.monogram-studio .studio-preview{transform:none;max-width:520px;margin:0 auto}.monogram-studio .studio-preview-white{width:90%;max-width:430px;transform:none}.monogram-studio>.studio-note{max-width:390px;margin:14px auto;font-size:15px;line-height:1.4}.monogram-studio .studio-sliders{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:390px;margin:20px auto;text-align:left}.monogram-studio .studio-sliders label{font-size:17px;gap:8px}.monogram-studio .studio-sliders input{box-sizing:border-box;width:100%;margin:0}.monogram-studio input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#6f95ce;border:none}.monogram-studio .studio-preview-caption{max-width:390px;margin:24px auto 0}.monogram-studio .studio-caption-title{font-size:18px;margin-bottom:8px}.monogram-studio .studio-caption-detail{font-size:16px;line-height:1.35}.monogram-studio select:focus-visible{outline:2px solid #7c9dca;outline-offset:3px}@media(max-width:360px){.monogram-studio{padding-inline:16px}}.monogram-studio .studio-brand-icon{display:block;width:102px;height:auto;margin:0 auto 12px}@font-face{font-family:Studio Ryan Satin;src:url(/monogram-studio/fonts/libre-bodoni.regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Studio Ryan Monogram;src:url(/monogram-studio/fonts/RyanMonogramFont-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.monogram-studio .studio-spools button,.monogram-studio .studio-spools button:focus{outline:none;box-shadow:none;border-color:transparent}.monogram-studio .studio-spools button:focus-visible{text-decoration:underline}.monogram-studio .studio-backgrounds .studio-upload-button{grid-column:auto;min-height:88px}.monogram-studio .studio-preview-photo{aspect-ratio:1 / 1}.monogram-studio .studio-preview-photo>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.monogram-studio input[type=range]{touch-action:none;min-height:44px}