.deco-hotspot{left:40%;width:19.8%;border-color:#d54793}.closet-hotspot span{font-size:11px}.deco-overlay{position:absolute;inset:0;z-index:4;background:#fcf4f9;display:flex;flex-direction:column;color:#795365}.deco-overlay[hidden]{display:none}.deco-head{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;background:#fff;flex-shrink:0}.deco-head div{text-align:center}.deco-head b{display:block;font-size:23px}.deco-head small{font-size:11px;letter-spacing:.15em}.deco-head button{border:0;background:#f9e7ef;color:#795365;border-radius:16px;padding:7px;font-size:12px}.deco-scroll{overflow-y:auto;min-height:0;flex:1;padding:12px;scrollbar-width:thin}.deco-scroll h3{font-size:20px;margin:8px 0 15px}.deco-scroll p{font-size:14px;line-height:1.5}.deco-card{padding:16px;background:#fff;border:1px solid #f0dce6;border-radius:22px;margin-bottom:14px}.deco-card small{color:#af7493;letter-spacing:.15em}.deco-empty{text-align:center;padding:60px 0;font-size:50px;border:1px dashed #d3a3ba;border-radius:18px;background:#fcf6f9}.deco-action{background:linear-gradient(110deg,#e590b8,#bd7097);color:white;padding:18px 10px;text-align:center;border-radius:17px;margin:12px 0;font-size:16px;font-weight:bold}.deco-action small{display:block;font-size:12px;margin-top:6px;letter-spacing:0}.direct-edit{background:#fff;color:#795365;border:1px solid #d3a3ba}.deco-tools{display:flex;gap:5px;justify-content:space-between;background:white;border-radius:14px;padding:8px 3px;margin:8px 0}.deco-tools span{flex:1;text-align:center;padding:12px 1px;border-radius:13px;font-size:12px}.deco-picture{position:relative;margin:auto;max-width:100%;height:310px;overflow:hidden;background:#f3e9ee;border-radius:16px}.deco-picture img{width:100%;height:100%;object-fit:contain;display:block}.deco-card .deco-picture{height:360px}.deco-sticker,.deco-text,.deco-pen{display:none;position:absolute}.effect-sticker .deco-sticker{display:block;top:10%;right:15%;font-size:38px}.effect-text .deco-text{display:block;bottom:10%;left:7%;right:7%;text-align:center;color:white;font-size:20px;font-weight:800;text-shadow:2px 2px #cf5793,-1px -1px #cf5793}.effect-pen .deco-pen{display:block;inset:0;width:100%;height:100%}.deco-settings{padding:12px;border-radius:15px;background:#fff;font-size:14px;line-height:1.7;margin-top:10px}.deco-save{display:flex;gap:8px;font-size:13px;text-align:center;margin:10px 0}.deco-save span{padding:12px 6px;background:#edc7dc;flex:1;border-radius:14px}.deco-album{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.deco-album img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px}.deco-upload{border:1px dashed #d3a3ba;border-radius:15px;padding:14px;font-size:16px}.tap-glow{outline:3px solid #ef5a9e!important;box-shadow:0 0 12px #ff85bbaa;background-color:#ffe2ef!important}.deco-status{font-size:12px!important;text-align:center;margin:0;padding:7px;background:#fff}.deco-overlay .upper{margin:0 0 8px}.deco-overlay .upper span{padding:5px}.deco-overlay button:focus-visible{outline:3px solid #c73781}@media(max-width:400px){.deco-picture{height:240px}.deco-card .deco-picture{height:300px}.deco-settings{padding:8px}.deco-tools span{padding:8px 0;font-size:11px}}
.app-home:has(.app-overlay:not([hidden])) .deco-hotspot{display:none}

/* Keep effects in the photo coordinate system at every screen size. */
.deco-picture,.deco-card .deco-picture{width:100%;height:auto;aspect-ratio:1086/1448;border-radius:14px}
.deco-picture>img{width:100%;height:auto;object-fit:contain}
.deco-face-blur{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.effect-blur .deco-face-blur{display:block}
.effect-sticker .deco-sticker{top:32.1%;left:43.7%;right:auto;transform:translate(-50%,-50%);font-size:clamp(20px,6vw,30px);line-height:1}
.deco-scroll:has(.deco-settings){padding:6px}