.portrait-composition{position:relative;padding-bottom:80px}.build-scene{position:absolute;inset:0;pointer-events:none}.idea-note{position:absolute;top:0;right:0;display:flex;gap:12px;align-items:center;font-size:14px;line-height:20px;font-weight:600;transform:rotate(5deg);color:var(--accent)}.idea-arrow{font-size:30px;line-height:36px}.build-card{position:absolute;bottom:0;left:-24px;width:272px;background:#fffefa;border:1px solid #dedfd4;box-shadow:0 16px 32px #24292214;border-radius:16px;padding:16px;transform-origin:center;isolation:isolate}.build-card-top{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;color:var(--muted);margin-bottom:24px}.build-dot{width:8px;height:8px;flex-shrink:0;background:#808f61;border-radius:50%}.build-number{margin-left:auto;font-variant-numeric:tabular-nums}.build-tile{position:relative;transform-origin:center;will-change:transform,opacity}.build-tile-title{margin-bottom:16px;display:grid;gap:8px}.build-line{display:block;width:64%;height:8px;border-radius:4px;background:#2d352a}.build-line.short{width:40%;height:4px;background:#cbd0c1}.build-tile-a,.build-tile-b{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;margin-block:12px;background:#fffefa}.mini-check{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;width:16px;height:16px;background:#e7ecdd;color:#4e6440;font-size:12px;line-height:16px}.build-tile-button{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:8px;padding:8px 12px;margin-top:16px;background:#e5eacf;color:#3a4530;font-size:12px;line-height:16px;font-weight:600}.build-tile-button>span:last-child{font-size:18px;line-height:28px}.build-scene:not(.motion-ready) .build-card{opacity:0;transform:translateY(24px) scale(.985)}.build-scene.motion-ready .build-card{opacity:1;transition:opacity 800ms cubic-bezier(.33,1,.68,1)}
@media(max-width:700px){.portrait-composition{width:80%;max-width:320px;padding-bottom:96px}.portrait-frame{width:240px;margin-left:auto}.build-card{left:0;bottom:0;width:240px}.idea-note{right:0;top:-24px}.build-card-top{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.build-scene .build-card{opacity:1!important;transform:none!important}.build-tile,.mini-check{opacity:1!important;transform:none!important}}