.storySwitch{--segment-count:3}
#artworkPanel{display:none;position:relative}
.artworkHero{position:relative;overflow:hidden;min-height:225px;padding:24px 46% 22px 20px;border:1px solid #e4d4c5;border-radius:23px;background:linear-gradient(145deg,#fffaf4 0%,#fbefe2 67%,#f3dac8 100%);box-shadow:var(--shadow)}
.artworkHero>div{position:relative;z-index:2}.artworkHero h2{margin:0 0 9px;font:24px/1.1 Georgia,serif;color:var(--ink)}.artworkHero p{margin:0 0 16px;color:#74685f;font-size:12px;line-height:1.5}.artworkHero button,.artworkEmpty button{border:0;border-radius:13px;background:linear-gradient(135deg,#b66b58,#c9895d);color:white;padding:10px 13px;font-size:12px;font-weight:800;box-shadow:0 7px 17px #a85d4430}
.artworkHero svg{position:absolute;right:-5px;bottom:-8px;width:51%;height:auto}.artSun{fill:#ffd777;stroke:#e6a62b;stroke-width:3}.artRays,.artRoof,.artGrass{fill:none;stroke:#d58349;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.artHouse{fill:#f1a18c;stroke:#c76f61;stroke-width:3}.artRoof{stroke:#c6685b;stroke-width:9}.artDoor{fill:#79a5a2}.artGrass{stroke:#7ba17b;stroke-width:5}
.artworkSectionHead{display:flex;align-items:center;justify-content:space-between;margin:21px 2px 10px}.artworkSectionHead h2{font-size:24px;margin:0 0 3px}.artworkSectionHead button{border:0;background:none;color:var(--rose);font-size:12px;font-weight:750}
.artworkRecent{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.artworkTile{min-width:0;border:0;background:transparent;padding:0;text-align:left;color:var(--ink);font-family:inherit}.artworkImage{display:block;overflow:hidden;aspect-ratio:1;border:1px solid var(--line);border-radius:15px;background:#eee4d9}.artworkImage img{display:block;width:100%;height:100%;object-fit:cover}.artworkTile b,.artworkTile small{display:block;overflow:hidden;margin-top:5px;white-space:nowrap;text-overflow:ellipsis}.artworkTile b{font-size:12px}.artworkTile small{margin-top:2px;color:var(--muted);font-size:10px}
.artworkChildrenList{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.artworkChildrenList button{display:flex;width:100%;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 12px;color:var(--ink);text-align:left;font-family:inherit}.artworkChildrenList button:last-child{border-bottom:0}.artworkChildrenList button>span:nth-child(2){flex:1}.artworkChildrenList b,.artworkChildrenList small{display:block}.artworkChildrenList b{font-size:12px}.artworkChildrenList small{color:var(--muted);font-size:10px}.artworkChildrenList i{font:22px/1 Georgia,serif;color:var(--muted)}.artworkAvatar{width:42px;height:42px;flex:none;border-radius:50%}
.artworkGalleryTop{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;margin:2px 0 12px}.artworkGalleryTop button{border:0;background:none;color:var(--ink);font:31px/1 Georgia,serif;text-align:left}.artworkGalleryTop h2{margin:0;text-align:center;font:24px Georgia,serif}.artworkFilters{display:flex;gap:6px;overflow:auto;margin:0 -2px 15px;padding:2px;scrollbar-width:none}.artworkFilters button{flex:none;border:1px solid var(--line);border-radius:999px;background:#fffaf5;padding:7px 12px;color:var(--muted);font-size:11px;font-weight:750;font-family:inherit}.artworkFilters button.on{border-color:#be7b61;background:#b87955;color:white}.artworkMonth{margin-bottom:18px}.artworkMonth h3{margin:0 0 9px;font:20px Georgia,serif}.artworkGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.artworkFloatingAdd{position:sticky;bottom:84px;display:grid;width:50px;height:50px;margin:-2px 4px 5px auto;place-items:center;border:0;border-radius:50%;background:linear-gradient(145deg,#bb7358,#ce9264);color:#fff;font-size:28px;box-shadow:0 9px 23px #6a3d3140}
.artworkEmpty{display:grid;justify-items:center;padding:27px 18px;border:1px dashed #dcc8b7;border-radius:20px;background:#fffaf599;color:var(--muted);text-align:center}.artworkEmpty>span{font-size:32px;color:#bd7b62}.artworkEmpty b{margin-top:5px;color:var(--ink);font-size:15px}.artworkEmpty small{max-width:270px;margin:5px 0 12px;font-size:11px;line-height:1.45}.artworkLoading{display:grid;min-height:250px;place-items:center;align-content:center;gap:12px;color:var(--muted);font-size:11px}.artworkLoading i{width:31px;height:31px;border:3px solid #ead8cc;border-top-color:var(--rose);border-radius:50%;animation:artworkSpin .8s linear infinite}@keyframes artworkSpin{to{transform:rotate(360deg)}}
.artworkPageLoading{min-height:180px}.artworkLoadMore{display:flex;min-height:64px;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:11px}.artworkLoadMore i{width:19px;height:19px;border:2px solid #ead8cc;border-top-color:var(--rose);border-radius:50%;animation:artworkSpin .8s linear infinite}.artworkSocialLoading{min-height:80px}
.artworkSheet,.artworkDetailSheet{max-height:min(92dvh,760px);overscroll-behavior:contain}.artworkPhotoPicker{display:block;margin-bottom:13px;text-align:center}.artworkPhotoPicker input{position:absolute;width:1px;height:1px;opacity:0}.artworkPhotoPicker>b{display:inline-block;margin-top:8px;color:var(--rose);font-size:11px}.artworkPreview{display:grid;overflow:hidden;min-height:190px;place-items:center;border:1px dashed #d4b8a8;border-radius:18px;background:linear-gradient(145deg,#f7ede2,#efe0d1);color:var(--muted);font-size:11px}.artworkPreview img{display:block;width:100%;max-height:280px;object-fit:contain;background:#eee3d7}.artworkPreview.hasPhoto{border-style:solid}.artworkSheet .field label span{color:var(--muted);font-weight:500}.artworkChildPicker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.artworkChild{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:14px;background:#fffaf5;padding:7px 9px;color:var(--ink)}.artworkChild b{flex:1;text-align:left;font-size:11px}.artworkChild i{display:none;width:21px;height:21px;place-items:center;border-radius:50%;background:var(--rose);color:white;font-size:10px}.artworkChild.selected{border-color:#c78069;background:var(--soft)}.artworkChild.selected i{display:grid}.artworkChildAvatar{width:35px;height:35px;flex:none;border-radius:50%}
.artworkViewer{position:relative;overflow:hidden;width:100%;height:clamp(260px,72vw,430px);border-radius:18px;background:#eee4d9;touch-action:pan-y}.artworkDetailPhoto{display:block;width:100%;height:100%;object-fit:contain;background:#eee4d9;animation:artworkPhotoIn .22s ease-out}.artworkPhotoSkeleton{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,#f6eadf 0%,#eddbce 54%,#f8eee5 100%)}.artworkPhotoSkeleton:after{position:absolute;inset:0;content:"";background:linear-gradient(105deg,transparent 28%,#fffaf3b8 46%,transparent 64%);transform:translateX(-100%);animation:artworkShimmer 1.25s ease-in-out infinite}.artworkPhotoSkeleton i{position:absolute;left:50%;top:50%;width:42px;height:34px;border:2px solid #c9957f80;border-radius:9px;transform:translate(-50%,-50%)}.artworkPhotoSkeleton i:before{position:absolute;left:7px;top:6px;width:7px;height:7px;border-radius:50%;background:#c9957f80;content:""}.artworkPhotoSkeleton i:after{position:absolute;left:6px;right:6px;bottom:6px;height:14px;background:linear-gradient(140deg,transparent 0 23%,#c9957f80 24% 50%,transparent 51% 58%,#b77b6580 59%);clip-path:polygon(0 100%,24% 28%,45% 65%,67% 18%,100% 100%);content:""}@keyframes artworkShimmer{to{transform:translateX(100%)}}@keyframes artworkPhotoIn{from{opacity:0}to{opacity:1}}.artworkViewerArrow{position:absolute;top:50%;display:grid;width:38px;height:38px;place-items:center;border:1px solid #eadfd5;border-radius:50%;background:#fffdf9e8;color:var(--ink);font:27px/1 Georgia,serif;box-shadow:0 5px 15px #49332624;transform:translateY(-50%);backdrop-filter:blur(5px)}.artworkViewerArrow.previous{left:9px}.artworkViewerArrow.next{right:9px}.artworkViewerArrow:disabled{opacity:.3}.artworkViewerCount{position:absolute;right:10px;bottom:9px;border-radius:999px;background:#332c28bf;color:white;padding:4px 8px;font-size:10px}.artworkDetailTitle{display:flex;align-items:flex-start;gap:8px;margin-top:14px}.artworkDetailTitle>div:first-child{flex:1}.artworkDetailTitle h2{margin:0;font:24px Georgia,serif}.artworkDetailTitle p{margin:3px 0 0;color:var(--muted);font-size:11px}.artworkDetailTitle>div:last-child{display:flex;gap:5px}.artworkDetailTitle button{border:1px solid var(--line);border-radius:9px;background:#fffaf5;color:var(--rose);padding:6px 8px;font-size:10px;font-weight:750}.artworkDetailTitle button.delete{color:#a64e45}.artworkDetailChildren{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px}.artworkDetailChildren>span:not(.artworkDetailAvatar){margin-right:10px}.artworkDetailChildren b,.artworkDetailChildren small{display:block}.artworkDetailChildren b{font-size:12px}.artworkDetailChildren small{color:var(--muted);font-size:10px}.artworkDetailAvatar{width:34px;height:34px;border-radius:50%}.artworkDetailNote{margin:13px 0 4px;color:#5f554d;font-size:12px;line-height:1.55}.artworkCreator{color:var(--muted);font-size:10px}
.artworkSocial{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.artworkReactionTotals{display:flex;min-height:25px;gap:5px;flex-wrap:wrap}.artworkReactionTotals span{border:1px solid var(--line);border-radius:999px;background:#fff9f5;padding:4px 7px;font-size:11px}.artworkReactionTotals small{color:var(--muted);font-size:11px}.artworkReactionPicker{display:flex;gap:6px;margin-top:7px}.artworkReactionPicker button{width:38px;height:34px;border:1px solid var(--line);border-radius:12px;background:#fffaf5;font-size:18px}.artworkReactionPicker button.mine{border-color:#d39a86;background:var(--soft)}.artworkComments{display:grid;gap:8px;margin-top:12px}.artworkComment{display:flex;align-items:flex-start;gap:8px}.artworkCommentAvatar{width:31px;height:31px;flex:none;border-radius:50%}.artworkComment>div{flex:1;border-radius:4px 13px 13px;background:#f8f1ea;padding:8px 10px}.artworkComment b{font-size:11px}.artworkComment p{margin:2px 0;font-size:12px}.artworkComment small{color:var(--muted);font-size:9px}.artworkComment small button{border:0;background:none;color:#a25348;padding:0;font-size:9px;font-weight:750}.artworkNoComments{margin:0;color:var(--muted);font-size:11px}.artworkCommentComposer{display:flex;gap:7px;margin-top:9px}.artworkCommentComposer .input{min-width:0;padding:9px 10px;font-size:12px}.artworkCommentComposer button{border:0;border-radius:12px;background:var(--rose);color:#fff;padding:8px 12px;font-size:11px;font-weight:800}
@media(max-width:360px){.artworkHero{padding-right:42%}.artworkHero h2{font-size:22px}.artworkHero svg{width:48%}.artworkRecent{gap:6px}.artworkChildPicker{grid-template-columns:1fr}}