.basket-art-editor{position:relative;overflow:hidden;border-radius:20px;background:#f5f1e9;isolation:isolate}
.basket-art-editor .basket-photo{display:block;width:100%;height:auto;min-height:220px;max-height:440px;object-fit:contain;border-radius:20px}
.art-edit{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #ffffffb3;border-radius:30px;background:#fffffff0;color:#17172b;font:600 13px/1.3 inherit;box-shadow:0 4px 20px #08081e20;cursor:pointer;transition:transform .22s,box-shadow .22s}
.art-edit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #08081e38}.art-edit:active{transform:scale(.95)}.art-edit span{font-size:20px;transition:transform .25s}.art-edit:hover span{transform:rotate(-14deg)}
.art-placeholder{position:absolute;left:14px;top:14px;background:#ffffffe8;border-radius:20px;padding:6px 10px;font-size:11px;color:#555}
.art-picker{width:min(680px,calc(100vw - 32px));max-height:88dvh;overflow:auto;border:0;padding:0;border-radius:28px;background:#fffdf8;color:#18182b;box-shadow:0 30px 100px #08081e55}
.art-picker[open]{animation:art-arrive .3s cubic-bezier(.16,1,.3,1)}.art-picker::backdrop{background:#08081e80;backdrop-filter:blur(5px)}
.art-picker-body{padding:28px}.art-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.art-picker h2{font-size:38px;margin:4px 0 12px}.art-picker .eyebrow{margin:0}.art-close{border:0;background:#efede8;width:38px;height:38px;border-radius:50%;font-size:26px;cursor:pointer;transition:transform .2s}.art-close:hover{transform:rotate(90deg)}
.art-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.art-choice{padding:0 0 12px;border:1px solid #e5dfd2;border-radius:18px;background:white;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s;text-align:left;color:#252338}.art-choice img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .35s}.art-choice span{display:block;padding:10px 12px 0;font-size:12px;font-weight:600}.art-choice:hover{transform:translateY(-4px);box-shadow:0 8px 22px #17172b18;border-color:#bca46a}.art-choice:hover img{transform:scale(1.04)}.art-choice:active{transform:scale(.97)}
.art-picker button:focus-visible,.art-emoji summary:focus-visible{outline:3px solid #b18b36;outline-offset:4px}.art-picker button:disabled{opacity:.5;cursor:wait}.art-upload{width:100%;border-radius:12px;padding:14px}.art-emoji{margin:20px 0}.art-emoji summary{cursor:pointer;font-size:12px;color:#625d6c;padding:6px 0}.art-emoji .emoji-options{margin-top:16px}.art-emoji .emoji-option{border-radius:12px;transition:transform .2s}.art-emoji .emoji-option:hover{transform:translateY(-3px)}.art-picker [role=status]{font-size:13px;min-height:20px}.art-picker .gold{border-radius:12px;width:100%;padding:14px}
@keyframes art-arrive{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:520px){.art-picker-body{padding:20px}.art-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.art-picker{border-radius:22px}.art-picker h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.art-picker[open]{animation:none}.basket-art-editor .basket-photo,.art-edit,.art-edit span,.art-close,.art-choice,.art-choice img,.art-emoji .emoji-option{transition:none}.art-choice:hover,.art-choice:active,.art-edit:hover,.art-edit:active,.art-close:hover,.art-edit:hover span,.art-choice:hover img,.basket-art-editor:hover .basket-photo,.art-emoji .emoji-option:hover{transform:none}}