/* Third acceptance pass: contained guides, full clips, portrait memory collages. */
.onboard::after{display:none}
.onboard-panel{position:relative;isolation:isolate;display:flex;flex:1;flex-direction:column;min-height:0;margin:10px -10px 16px;border:1.7px solid var(--ink);border-radius:18px 13px 19px 12px/12px 18px 14px 19px;overflow:hidden}
.onboard .onboard-panel>.line-illustration{width:100%;margin:0;min-height:160px;flex:1}
.onboard-panel>.onboard-copy{padding-left:13px;padding-right:13px;flex:none}
.onboard-panel>.onboard-dots{flex:none;margin:6px 0 9px}
.studio[data-theme=journal] .onboard-panel{border-width:1px;border-color:#7b8b75}
.studio[data-theme=collage] .onboard-panel{border-width:2px;border-radius:12px}
.onboard-panel .guide-photos{left:19px;right:19px;top:13%;width:auto;height:63%;gap:8px;justify-content:center}
.onboard-panel .guide-photo{flex:0 1 28%;min-width:0;height:77%;padding:5px 5px 15px;border-width:1.7px;transform:rotate(-6deg)}
.onboard-panel .guide-photo-0{margin:0;height:77%}
.onboard-panel .guide-photo-1{flex-basis:36%;height:92%;transform:rotate(4deg)}
.onboard-panel .guide-photo-2{margin:0;height:80%;transform:rotate(-4deg)}
.onboard-panel .guide-swipe .mascot{left:5%;bottom:4%;width:35%;height:31%}
.onboard-panel .guide-swipe-arrows{right:7%;bottom:7%;gap:24px;padding:7px 12px}
.onboard-panel .guide-clip{top:-12px;width:10px;height:27px}
/* Full SVG assets replace the old CSS half-clip override for sky. */
.native-rope-track .live-clip.full-clip{top:calc(31px * var(--live-scale));left:50%;width:calc(40px * var(--live-scale));height:calc(76px * var(--live-scale));transform:translateX(-50%)}
.native-rope-track .live-clip.full-clip::before,.native-rope-track .live-clip.full-clip::after{display:none}
.live-clip.full-clip>img{display:block;width:100%;height:100%;object-fit:contain}
/* Restore date stickers and star corners; make image height proportional to card width. */
.studio .memory-card.memory-card-v3{padding:10px 10px 9px;margin-bottom:24px;overflow:visible;border:2px solid var(--ink);border-radius:16px 19px 15px 18px/19px 15px 18px 16px;background:var(--card,var(--paper));text-align:left}
.memory-card-v3 .album-cover{display:grid;width:100%;height:auto;min-height:0;gap:6px;overflow:hidden;border-radius:7px 5px 8px 4px}
.memory-card-v3 .album-cover>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;object-position:center;border-radius:3px}
.memory-card-v3 .album-cover-single{grid-template-columns:1fr;aspect-ratio:4/5}
.memory-card-v3 .album-cover-pair{grid-template-columns:1fr 1fr;aspect-ratio:6/5}
.memory-card-v3 .album-cover-trio{grid-template-columns:3fr 2fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);aspect-ratio:7/6}
.memory-card-v3 .album-cover-trio>img:first-child{grid-row:1/3}
.memory-card-v3 .album-date{display:block;position:absolute;z-index:2;left:0;top:-7px;padding:6px 10px;border:1.7px solid var(--ink);border-radius:13px 10px 14px 9px;transform:rotate(-3deg);background:var(--brand);color:var(--ink);font:14px/1.2 var(--display);white-space:nowrap}
.memory-card-v3 .album-star{display:block;position:absolute;z-index:2;right:16px;top:16px;width:25px;height:25px;filter:drop-shadow(0 1px 1px #fff8)}
.memory-card-v3 .album-star svg{fill:var(--brand);stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.studio .memory-card-v3 .album-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 4px 1px;background:transparent}
.studio .memory-card-v3 .album-caption strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 21px/1.35 var(--display)}
.studio .memory-card-v3 .album-caption small{display:flex;align-items:center;gap:5px;flex-shrink:0;margin:0;padding:0;width:auto;background:transparent;border-radius:0;color:var(--ink);font:12px/1.5 "PingFang SC",sans-serif;white-space:nowrap}
.memory-card-v3 .album-caption .icon{width:13px;height:13px}
.studio[data-theme=collage] .memory-card-v3{border-width:2px;border-radius:14px;box-shadow:3px 4px 0 #184ef0}
.studio[data-theme=collage] .memory-card-v3 .album-date{border-radius:8px;background:#d7ff57;font-family:"PingFang SC",sans-serif;font-size:12px;font-weight:700}
.studio[data-theme=collage] .memory-card-v3 .album-caption strong{font-size:19px;font-weight:800}
.studio[data-theme=journal] .memory-card-v3{border:1px solid #bdb9a6;border-radius:10px;box-shadow:none}
.studio[data-theme=journal] .memory-card-v3 .album-date{background:#e5ebd9;border:1px solid #75836b;border-radius:6px;font:12px/1.3 "PingFang SC",sans-serif;transform:rotate(-2deg)}
.studio[data-theme=journal] .memory-card-v3 .album-star svg{fill:#e4cf91;stroke:#6f7f65;stroke-width:1.5}
.studio[data-theme=journal] .memory-card-v3 .album-caption strong{font:600 17px/1.4 "PingFang SC",sans-serif}
.month-heading{margin-bottom:18px}
@media(max-height:740px){.onboard-panel{margin-top:6px;margin-bottom:12px}.onboard .onboard-panel>.line-illustration{min-height:135px}.onboard-panel .guide-swipe .mascot{height:29%}.onboard-panel .onboard-copy h1{margin-top:5px}.onboard-panel .onboard-copy p{margin-top:4px;font-size:12px}.onboard-panel>.onboard-dots{margin:3px 0 5px}}
@media(max-width:360px){.onboard-panel{margin-left:-10px;margin-right:-10px}.onboard-panel .guide-photos{left:17px;right:17px;gap:6px}.studio .memory-card-v3 .album-caption strong{font-size:19px}.memory-card-v3 .album-date{font-size:12px;padding:5px 8px}.memory-card-v3 .album-star{width:22px;height:22px;right:14px;top:14px}}