/* TellJar 1.10.81 — Share Studio: true-alpha main jars, exact PNG preview, handle and custom cards */
.stickerBlock,.stickerShowcase,.stickerCats,.stickerPicker,.stickerSource,.creatorAdjust,.creatorPanelHead,.noteSticker,.cardSticker,.modalCardSticker,.creatorStickerLayer,.noteDesignStickerLayer{display:none!important}
.tjShareCardOverlay{position:fixed;inset:0;z-index:2147483645;display:none;place-items:center;padding:18px;background:rgba(7,31,45,.68);backdrop-filter:blur(16px)}
.tjShareCardOverlay.show{display:grid}.tjShareCardSheet{position:relative;width:min(930px,96vw);max-height:94svh;overflow:auto;background:linear-gradient(145deg,#fff,#f8fcfe);border:1px solid #d5e7ef;border-radius:30px;padding:26px;box-shadow:0 36px 110px rgba(4,28,43,.34)}
.tjShareCardX{position:absolute;right:16px;top:14px;width:44px;height:44px;border:1px solid #d9e8ee;border-radius:14px;background:#fff;color:#163d50;font-size:27px;line-height:1;cursor:pointer}.tjShareCardCopy{padding-right:56px}.tjShareCardCopy h3{margin:0 0 6px;font-size:29px;letter-spacing:-.04em;color:#12384b}.tjShareCardCopy p{margin:0 0 18px;color:#688390;line-height:1.45;font-size:14px}
.tjShareCardGrid{display:grid;grid-template-columns:minmax(260px,390px) minmax(230px,1fr);gap:24px;align-items:start}.tjShareCardPreview{position:relative;padding:10px;border:1px solid #d9e8ef;border-radius:25px;background:#fff;box-shadow:0 20px 52px rgba(17,66,89,.16);animation:tjCardIn .3s ease both}.tjShareCardPreview canvas{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:17px;background:#f4f9fc}.tjShareCardPreview span{position:absolute;right:18px;bottom:18px;padding:6px 10px;border-radius:999px;background:rgba(9,54,77,.86);color:#fff;font-size:10px;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.tjShareCardActions{display:grid;gap:11px}.tjShareCardActions:before{content:'Share';display:block;margin:2px 0 3px;color:#6c8793;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.tjShareCardActions button{min-height:52px;border:1px solid #cfe2ea;border-radius:15px;background:#f8fcfd;color:#17384a;font:900 14px system-ui;cursor:pointer;transition:.15s transform,.15s box-shadow,.15s background}.tjShareCardActions button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(23,76,98,.08)}.tjShareCardActions button.primary{background:#1989b5;border-color:#1989b5;color:#fff;box-shadow:0 5px 0 #0e6589}.tjShareCardActions button.ghost{background:#fff;color:#6b808a}.tjShareCardActions button:disabled{opacity:.55;cursor:wait;transform:none!important}
@keyframes tjCardIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:720px){.tjShareCardSheet{padding:20px 15px;border-radius:23px}.tjShareCardGrid{grid-template-columns:1fr}.tjShareCardPreview{width:min(330px,84vw);margin:auto}.tjShareCardCopy h3{font-size:24px}.tjShareCardActions{grid-template-columns:1fr 1fr}.tjShareCardActions:before{grid-column:1/-1}.tjShareCardActions .primary,.tjShareCardActions .ghost{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.tjShareCardPreview{animation:none!important}}

.tjShareCardSide{display:grid;gap:16px}.tjShareCardPersonal{display:grid;gap:8px;padding:14px;border:1px solid #d9e8ef;border-radius:18px;background:#fff}.tjShareCardPersonal label,.tjShareStyleLabel{font-size:11px;font-weight:900;color:#5f7b89;text-transform:uppercase;letter-spacing:.06em}.tjShareCardPersonal textarea{width:100%;resize:vertical;min-height:116px;border:1px solid #cfe2ea;border-radius:13px;padding:12px;color:#17384a;font:700 14px/1.45 system-ui;background:#fbfdfe}.tjShareCardPersonal .mini{justify-self:start;min-height:36px;padding:0 12px;border:1px solid #cfe2ea;border-radius:11px;background:#f7fbfd;color:#365b6d;font-weight:850;cursor:pointer}.tjShareStyles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tjShareStyles button{min-height:40px;border:1px solid #cfe2ea;border-radius:11px;background:#f8fcfd;color:#284e61;font-weight:850;cursor:pointer}.tjShareStyles button.active{background:#17384a;color:#fff;border-color:#17384a}.tjShareCardActions:before{content:none!important}@media(max-width:720px){.tjShareCardSide{gap:12px}}

/* TellJar 1.10.49 share personalization */
.tjShareColorLabel{margin-top:14px;font-size:11px;font-weight:950;color:#496777;text-transform:uppercase;letter-spacing:.055em}
.tjShareColors{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}
.tjShareColors button{width:38px;height:38px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #cfe0e8,0 4px 10px rgba(18,57,75,.08);cursor:pointer;transition:.16s ease}
.tjShareColors button.active{box-shadow:0 0 0 3px #0f678c,0 6px 16px rgba(18,57,75,.14);transform:scale(1.06)}
.tjShareColors .auto{background:conic-gradient(#2b83b7 0 20%,#d65b98 20% 40%,#173c5b 40% 60%,#2b9d83 60% 80%,#d7774d 80%)}
.tjShareColors .ocean{background:#2b83b7}.tjShareColors .rose{background:#d65b98}.tjShareColors .midnight{background:#173c5b}.tjShareColors .mint{background:#2b9d83}.tjShareColors .warm{background:#d7774d}
.tjShareHandle{width:100%;height:46px;border:1px solid #cfe2ea;border-radius:13px;padding:0 13px;background:#fbfdfe;color:#17384a;font:800 14px system-ui}
.tjShareCardPersonal textarea:focus,.tjShareHandle:focus{outline:3px solid rgba(25,137,181,.18);border-color:#1989b5}
.tjShareColors .lavender{background:#8055c9}.tjShareColors .sunset{background:#e25f73}.tjShareColors .lemon{background:#d5a900}.tjShareColors .forest{background:#287a52}
.shareCustomCardBtn{display:block;width:100%;min-height:52px;margin:12px 0 10px;border:2px solid #1989b5;border-radius:16px;background:#fff;color:#0d668c;font:900 15px/1.2 system-ui;cursor:pointer;box-shadow:0 4px 0 #c9e4ef;transition:transform .15s ease,box-shadow .15s ease}
.shareCustomCardBtn:hover{transform:translateY(-1px);box-shadow:0 6px 0 #c9e4ef}.shareCustomCardBtn:active{transform:translateY(2px);box-shadow:0 2px 0 #c9e4ef}
@media(max-width:420px){.tjShareCardOverlay{padding:8px}.tjShareCardSheet{width:100%;max-height:97svh;padding:18px 12px}.tjShareCardPreview{width:min(292px,82vw)}.tjShareCardActions{grid-template-columns:1fr}.tjShareCardActions .primary,.tjShareCardActions .ghost{grid-column:auto}.tjShareColors{gap:8px}.tjShareColors button{width:34px;height:34px}}

/* 1.10.95: swatches stay round on iOS (global button min-height made them ovals) */
.tjShareColors button{box-sizing:border-box;flex:0 0 auto;width:38px;height:38px;min-width:0;min-height:0;max-width:38px;max-height:38px;aspect-ratio:1/1;padding:0;border-radius:50%}
@media(max-width:420px){.tjShareColors button{width:36px;height:36px;max-width:36px;max-height:36px}}
.tjShareCardSheet{padding-bottom:max(18px,calc(env(safe-area-inset-bottom) + 70px))}