.camellia-sticker { --camellia-petal: #e76780; --camellia-petal-edge: #b8425b; --camellia-center: #ffd76a; --camellia-ink: #59343d; display: inline-grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 3px; min-width: 112px; max-width: 100%; padding: 4px 8px 4px 4px; border: 1px solid var(--camellia-petal-edge); border-radius: 8px; background: #fff8f8; box-shadow: 2px 2px 0 rgba(89, 52, 61, 0.14); color: var(--camellia-ink); font: 700 12px/1.2 "Noto Sans Thai", sans-serif; vertical-align: middle; }
.camellia-sticker--interested { --camellia-petal: #e4a743; --camellia-petal-edge: #9e681e; --camellia-center: #fff0ac; }
.camellia-sticker--visit { --camellia-petal: #6caec4; --camellia-petal-edge: #366f84; --camellia-center: #e4f4f5; }
.camellia-sticker--thanks { --camellia-petal: #a77ab2; --camellia-petal-edge: #704d7a; --camellia-center: #fae6f5; }
.camellia-sticker--great { --camellia-petal: #ef7563; --camellia-petal-edge: #ae4538; --camellia-center: #ffe19d; }
.camellia-sticker--okay { --camellia-petal: #78af75; --camellia-petal-edge: #467543; --camellia-center: #e2f1c9; }
.camellia-sticker--wait { --camellia-petal: #7c9bbc; --camellia-petal-edge: #49647e; --camellia-center: #e6edf6; }
.camellia-sticker--sorry { --camellia-petal: #9aa4ad; --camellia-petal-edge: #606b75; --camellia-center: #edf0f2; }
.camellia-sticker--cheer { --camellia-petal: #f07a9c; --camellia-petal-edge: #ac3f62; --camellia-center: #ffdb76; }
.camellia-sticker--celebrate { --camellia-petal: #cc6bb4; --camellia-petal-edge: #813d70; --camellia-center: #ffdf72; }
.camellia-sticker--deal { --camellia-petal: #52aa96; --camellia-petal-edge: #267264; --camellia-center: #e6ed8d; }
.camellia-sticker--love { --camellia-petal: #ed6076; --camellia-petal-edge: #a52f49; --camellia-center: #ffe3a0; }
.camellia-sticker__bloom { position: relative; display: grid; width: 58px; height: 54px; place-items: center; isolation: isolate; }
.camellia-sticker__petal { position: absolute; width: 24px; height: 34px; border: 1px solid var(--camellia-petal-edge); border-radius: 50% 50% 46% 46%; background: var(--camellia-petal); transform: rotate(calc(var(--camellia-petal-index) * 72deg)) translateY(-10px); transform-origin: 50% 27px; }
.camellia-sticker__face { z-index: 1; display: grid; width: 30px; height: 25px; place-items: center; border: 1px solid #c99635; border-radius: 50%; background: var(--camellia-center); color: var(--camellia-ink); font: 700 9px/1 "DM Sans", sans-serif; letter-spacing: 0; }
.camellia-sticker__caption { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.camellia-sticker--compact { grid-template-columns: 1fr; min-width: 0; width: 54px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.camellia-sticker--compact .camellia-sticker__bloom { width: 48px; height: 44px; transform: scale(.82); transform-origin: center; }
.camellia-sticker--compact .camellia-sticker__caption { display: none; }
.camellia-sticker-picker { position: relative; flex: 0 0 auto; }
.camellia-sticker-picker summary { display: grid; width: 36px; height: 36px; place-items: center; list-style: none; border: 1px solid var(--border-color, #cbd7d3); border-radius: 6px; background: #fff8f8; color: #c54260; font: 700 20px/1 sans-serif; cursor: pointer; }
.camellia-sticker-picker summary::-webkit-details-marker { display: none; }
.camellia-sticker-picker__tray { position: absolute; z-index: 30; bottom: calc(100% + 8px); left: 0; display: grid; grid-template-columns: repeat(3, minmax(92px, 1fr)); gap: 5px; width: min(318px, calc(100vw - 32px)); max-height: min(340px, 55dvh); overflow-y: auto; padding: 7px; border: 1px solid var(--border-color, #cbd7d3); border-radius: 8px; background: #fff; box-shadow: 0 10px 28px rgba(64, 40, 46, 0.2); }
.camellia-sticker-picker__tray button { display: grid; min-height: 50px; place-items: center; padding: 2px; border: 1px solid transparent; border-radius: 6px; background: #fff; cursor: pointer; }
.camellia-sticker-picker__tray button:hover, .camellia-sticker-picker__tray button:focus-visible { border-color: #c54260; background: #fff2f5; outline: 0; }
.community-message p:has(.camellia-sticker), .home-assistance-message:has(.camellia-sticker), .property-message p:has(.camellia-sticker) { padding: 0 !important; background: transparent !important; box-shadow: none; }
.home-scope .community-send:has(.community-emoji-picker:not([hidden])):has(.camellia-sticker-picker:not([hidden])) { grid-template-columns: auto auto minmax(0, 1fr) auto; }
.home-scope .home-assistance-form:has(.camellia-sticker-picker:not([hidden])) { grid-template-columns: auto minmax(0, 1fr) auto; }
.property-message-form:has(.camellia-sticker-picker:not([hidden])) { grid-template-columns: auto minmax(0, 1fr) auto; }
@media (max-width: 520px) { .camellia-sticker-picker__tray { left: min(0px, calc(100vw - 326px)); grid-template-columns: repeat(3, minmax(82px, 1fr)); width: min(292px, calc(100vw - 24px)); } .camellia-sticker { min-width: 102px; } }