/* One making journey and one saved collection. Scoped to the customer album page. */
body[data-site-page="my-albums"].album-making-page { --site-content-width:1240px; background:#fcfbf8; color:#34382f; }
body.album-making-page .myalbums-main { gap:30px; padding-block:34px 64px; }
body.album-making-page .making-intro { align-items:center; }
body[data-site-page="my-albums"].album-making-page .myalbums-title { font-size:27px; font-weight:650; letter-spacing:-.02em; }
body[data-site-page="my-albums"].album-making-page .myalbums-sub { margin-top:7px; font-size:14px; color:#7b7c71; }
body.album-making-page .making-orders-link { font-size:13px; color:#635f52; gap:8px; }
.making-start { display:grid; grid-template-columns:1.08fr 1fr; align-items:center; gap:32px; padding:40px; border:1px solid #e9e1d4; border-radius:20px; background:#f3eee4; overflow:hidden; }
.making-start-copy { min-width:0; padding:0 0 0 4px; }
.making-start-eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 18px; color:#807350; font-size:12px; letter-spacing:.06em; }
.making-start-eyebrow > span { width:20px; height:1px; background:#a18b60; }
.making-start h2 { margin:0; font-size:clamp(30px,3.15vw,43px); font-weight:600; line-height:1.45; letter-spacing:.015em; color:#31392c; }
.making-start-description { margin:16px 0 23px; color:#6b6d60; font-size:14px; line-height:1.95; }
.making-start-button { display:inline-flex; align-items:center; justify-content:space-between; gap:42px; min-height:48px; padding:12px 23px; border:1px solid #8c4a29; border-radius:8px; background:#97532e; color:#fff; font-size:15px; font-weight:600; text-decoration:none; }
.making-start-button:hover { background:#7e4124; }
.making-start-button > span { font-size:21px; line-height:1; font-weight:400; }
.making-start-source { margin:12px 0 0; color:#7c7b6e; font-size:12px; line-height:1.8; }
.making-saved-link { display:inline-flex; gap:12px; align-items:center; min-height:36px; margin-top:10px; color:#696d5d; font-size:12px; text-underline-offset:4px; }
.making-start-visual { min-width:0; padding:7px; background:#fffdf8; border:1px solid #e5dbca; border-radius:12px; box-shadow:0 16px 30px #4d3c1f10; transform:rotate(1.5deg); }
.making-start-visual img { display:block; width:100%; height:auto; aspect-ratio:1.3; object-fit:cover; object-position:50% 50%; border-radius:6px; }
.making-guide ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; margin:0; padding:1px 0 28px; border-bottom:1px solid #e5e2d9; }
.making-guide li { display:flex; align-items:flex-start; gap:13px; min-width:0; }
.making-step-number { flex:none; display:grid; place-items:center; width:33px; height:33px; background:#eeeee5; border-radius:50%; color:#757c62; font-size:11px; font-weight:650; }
.making-guide h2 { margin:1px 0 5px; font-size:15px; line-height:1.6; font-weight:600; color:#414638; }
.making-guide p { margin:0; color:#828274; font-size:13px; line-height:1.8; }
body.album-making-page .making-temporary { padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; scroll-margin-top:24px; }
body.album-making-page .making-section-head { align-items:center; margin:0 0 19px; }
body.album-making-page .making-section-head h2 { margin:0; font-size:23px; font-weight:600; line-height:1.5; }
body.album-making-page .making-section-head p { font-size:13px; color:#858376; margin:7px 0 0; }
.making-works-heading { display:flex; align-items:center; gap:12px; }
.making-work-count { color:#7d7e70; padding:3px 9px; border:1px solid #e6e3d9; border-radius:6px; font-size:11px; white-space:nowrap; }
body.album-making-page .myworks-categories { display:block; }
body.album-making-page .myworks-category { overflow:visible; border:0; background:transparent; border-radius:0; }
body.album-making-page .myworks-category .myworks-panel { padding:0; }
body.album-making-page .myalbum-grid.is-list { gap:13px; }
body.album-making-page .myalbum-card--work { background:#fff; border:1px solid #e5e4db; border-radius:12px; box-shadow:0 2px 4px #33351c02; }
body.album-making-page .is-list .myalbum-card--work { grid-template-columns:106px minmax(0,1fr) 180px; padding:18px 22px; gap:24px; min-height:146px; align-items:center; }
body.album-making-page .is-list .myalbum-card--work > img, body.album-making-page .is-list .myalbum-card--work > .myalbum-empty-cover { width:106px; height:106px; border-radius:7px; object-fit:cover; background:#f0efe7; }
body.album-making-page .is-list .myalbum-card--work[data-album-id] > img { object-fit:contain; }
body.album-making-page .myalbum-card--work .myalbum-info { min-width:0; padding:0; }
.work-state { display:inline-flex; align-items:center; gap:6px; margin-bottom:8px; font-size:11px; line-height:1.6; }
.work-state::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.work-state--draft { color:#9b6c32; }
.work-state--saved { color:#6e8060; }
body.album-making-page .myalbum-card--work .myalbum-info h2 { margin:0 0 7px; font-size:17px; font-weight:600; line-height:1.5; color:#343b30; }
body.album-making-page .myalbum-card--work .myalbum-info > p { margin:0; font-size:12px; line-height:1.8; color:#8a8b7e; }
body.album-making-page .myalbum-card--work .myalbum-actions--work { grid-column:auto; flex-direction:column; align-items:flex-end; justify-content:center; gap:8px; padding:0; }
body.album-making-page .myalbum-card--work .myalbum-submit { min-width:148px; min-height:42px; padding:9px 17px; background:#97532e; border:1px solid #97532e; border-radius:7px; font-size:13px; font-weight:500; }
body.album-making-page .myalbum-card--work .myalbum-submit:hover { background:#7e4124; border-color:#7e4124; }
body.album-making-page .myalbum-card--work[data-album-id] .myalbum-submit { background:#fff; border-color:#d5d9ca; color:#5c6a4d; }
body.album-making-page .myalbum-card--work[data-album-id] .myalbum-submit:hover { background:#f4f6ee; border-color:#9aab85; }
body.album-making-page .myalbum-card--work .myalbum-submit[aria-disabled="true"] { background:#eeede7; color:#99998b; border-color:#e4e2d8; cursor:not-allowed; }
.work-menu { position:relative; font-size:12px; }
.work-menu[open] { z-index:4; }
.work-menu > summary { display:flex; align-items:center; gap:6px; min-height:32px; padding:4px 0 4px 12px; color:#959487; cursor:pointer; list-style:none; }
.work-menu > summary::-webkit-details-marker { display:none; }
.work-menu > summary::after { content:"···"; font-size:18px; line-height:1; }
body.album-making-page .work-menu > .myalbum-secondary-actions { display:flex; flex-direction:column; align-items:stretch; flex-wrap:nowrap; gap:0; position:absolute; right:0; top:calc(100% + 4px); min-width:125px; margin:0; padding:5px; border:1px solid #e6e4db; border-radius:8px; background:#fff; box-shadow:0 10px 24px #2f33241a; }
body.album-making-page .work-menu:not([open]) > .myalbum-secondary-actions { display:none; }
body.album-making-page .work-menu .myalbum-secondary-actions > * { margin:0; padding:9px 13px; border:0; background:none; color:#686b5e; font:inherit; font-size:12px; border-radius:5px; text-align:left; white-space:nowrap; cursor:pointer; }
body.album-making-page .work-menu .myalbum-secondary-actions > *:hover { background:#f4f4ed; color:#343b30; }
.works-management { margin:0 0 14px; color:#888779; font-size:12px; }
.works-management > summary { display:inline-flex; align-items:center; gap:7px; min-height:32px; cursor:pointer; list-style:none; }
.works-management > summary::-webkit-details-marker { display:none; }
.works-management > summary::after { content:"⌄"; }
.works-management[open] > summary::after { content:"⌃"; }
body.album-making-page .myalbum-toolbar { padding:10px 0; }
body.album-making-page .myalbum-toolbar :is(button,label,span) { font-size:12px; }
body.album-making-page .myalbum-toolbar button { min-height:38px; padding:8px 12px; }
body.album-making-page:not(.is-local) .myalbum-card--selectable > .myalbum-select { display:none; }
body.album-making-page:has(.works-management[open]) .myalbum-card--selectable > .myalbum-select { display:flex; top:12px; left:14px; }
body.album-making-page .myalbum-card--work .temporary-work-notice { border:0; padding:0; margin:8px 0 0; background:none; }
body.album-making-page .myalbum-card--work .temporary-work-remaining { display:inline-flex; padding:3px 7px; border-radius:4px; background:#f7f2e8; color:#9a7a4c; font-size:10px; font-weight:500; line-height:1.5; }
body.album-making-page .myalbum-card--work .temporary-work-notice[data-level="expired"] .temporary-work-remaining { color:#95968a; background:#f0f0e9; }
body.album-making-page .myalbum-card--work .temporary-work-notice[data-level="urgent"] .temporary-work-remaining { color:#aa5737; background:#fff1e7; }
.works-load-notice { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:13px 16px; margin:0 0 16px; background:#f5f2e8; border-radius:8px; color:#7d6e48; font-size:13px; line-height:1.7; }
.works-load-notice button { padding:5px 9px; border:1px solid #dacfaf; border-radius:5px; color:#7d6e48; background:transparent; font:inherit; cursor:pointer; }
body.album-making-page .myalbums-placeholder { display:grid; place-items:center; gap:10px; padding:40px 20px; border:1px dashed #d9dbce; border-radius:12px; background:#f7f8f2; }
body.album-making-page .myalbums-placeholder strong { color:#59634e; font-size:16px; font-weight:600; }
body.album-making-page .myalbums-placeholder p { max-width:440px; color:#858b78; font-size:13px; }
.works-empty-symbol { display:grid; place-items:center; width:36px; height:36px; border:1px solid #d8decb; border-radius:50%; color:#8a9a72; font-size:21px; margin-bottom:5px; }
body.album-making-page .myalbums-placeholder a { margin-top:6px; color:#6a7956; background:none; font-size:13px; }
body.album-making-page .making-retention { margin-top:20px; padding:0; background:none; }
body.album-making-page .making-retention p { color:#9a9c8c; font-size:11px; line-height:1.8; }
body.album-making-page .making-retention-icon { color:#a6aa97; }
body.album-making-page .making-retention-icon svg { width:15px; height:15px; }
body.album-making-page .myalbum-grid:not(.is-list) { grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr)); gap:20px; }
body.album-making-page .myalbum-grid:not(.is-list) .myalbum-card--work { padding:18px; }
body.album-making-page .myalbum-grid:not(.is-list) .myalbum-card--work > img, body.album-making-page .myalbum-grid:not(.is-list) .myalbum-card--work > .myalbum-empty-cover { height:210px; object-fit:contain; background:#f3f3eb; }
body.album-making-page .myalbum-grid:not(.is-list) .myalbum-card--work .myalbum-info { padding-top:15px; }
body.album-making-page .myalbum-grid:not(.is-list) .myalbum-card--work .myalbum-actions--work { flex-direction:row; align-items:center; justify-content:space-between; margin-top:18px; gap:10px; }
body.album-making-page :is(a,button,summary):focus-visible { outline:3px solid #b5c19c; outline-offset:4px; }
@media(max-width:900px) {
 .making-start { gap:24px; padding:28px; }
 .making-start h2 { font-size:33px; }
 .making-desktop-break { display:none; }
 .making-start-visual img { aspect-ratio:1; }
 .making-guide ol { gap:18px; }
 .making-guide li { gap:9px; }
 .making-guide h2 { font-size:14px; }
 .making-guide p { font-size:12px; }
 body.album-making-page .is-list .myalbum-card--work { grid-template-columns:96px minmax(0,1fr) 150px; gap:17px; padding:18px; }
 body.album-making-page .is-list .myalbum-card--work > img,body.album-making-page .is-list .myalbum-card--work > .myalbum-empty-cover { width:96px; height:96px; }
}
@media(max-width:700px) {
 body.album-making-page .myalbums-main { gap:23px; padding-block:26px 44px; }
 body.album-making-page .making-intro { align-items:flex-start; gap:8px; }
 body[data-site-page="my-albums"].album-making-page .myalbums-title { font-size:25px; }
 body[data-site-page="my-albums"].album-making-page .myalbums-sub { font-size:12px; }
 .making-start { grid-template-columns:1fr; padding:25px; gap:23px; border-radius:15px; }
 .making-start-copy { padding:0; }
 .making-start h2 { font-size:33px; line-height:1.45; }
 .making-start-eyebrow { margin-bottom:12px; }
 .making-start-description { font-size:13px; margin:13px 0 19px; }
 .making-start-button { width:100%; min-height:46px; padding-inline:18px; }
 .making-start-source { font-size:12px; }
 .making-saved-link { margin-top:5px; }
 .making-start-visual { transform:rotate(1deg); padding:5px; }
 .making-start-visual img { aspect-ratio:1.9; object-position:50% 46%; }
 .making-guide ol { gap:17px; grid-template-columns:1fr; padding:0 0 25px; }
 .making-guide li { gap:12px; }
 .making-step-number { width:30px; height:30px; font-size:10px; }
 .making-guide h2 { font-size:13px; margin:0 0 2px; }
 .making-guide p { font-size:11px; }
 body.album-making-page .making-section-head { flex-direction:column; align-items:flex-start; gap:5px; }
 body.album-making-page .making-section-head h2 { font-size:22px; }
 body.album-making-page .making-section-head p { font-size:12px; line-height:1.8; }
 body.album-making-page .making-orders-link { font-size:12px; min-height:32px; }
 body.album-making-page .is-list .myalbum-card--work { grid-template-columns:80px minmax(0,1fr); align-items:start; gap:13px 15px; padding:16px; }
 body.album-making-page .is-list .myalbum-card--work > img,body.album-making-page .is-list .myalbum-card--work > .myalbum-empty-cover { width:80px; height:90px; }
 body.album-making-page .myalbum-card--work .myalbum-info h2 { font-size:15px; }
 body.album-making-page .myalbum-card--work .myalbum-info > p { font-size:12px; }
 body.album-making-page .myalbum-card--work .myalbum-actions--work { grid-column:1/-1; flex-direction:row; align-items:center; justify-content:space-between; gap:10px; padding-top:9px; border-top:1px solid #f0f0e9; }
 body.album-making-page .myalbum-card--work .myalbum-submit { min-width:142px; font-size:14px; min-height:40px; }
 .work-state { font-size:10px; margin-bottom:5px; }
 .work-menu > summary { padding-left:0; }
 body.album-making-page .making-retention { margin-top:16px; }
}
@media(prefers-reduced-motion:reduce) { .making-start-visual { transform:none; } }

body.album-making-page.is-local .making-guide { display:none; }