
/* Phase 6 — Ultimate Wedding Scrapbook. Components are scoped to s6 prefixes. */
.s6-hero{border:1px solid #e8ddd1;border-radius:25px;background:linear-gradient(120deg,#fff6eb,#f5e0d6 59%,#dae7d5);overflow:hidden;position:relative;padding:33px 34px;margin-bottom:18px;min-height:215px}
.s6-hero:after{content:'✿';position:absolute;right:6%;top:-50px;font-family:Georgia,serif;font-size:245px;color:#8d997c;opacity:.14;pointer-events:none}
.s6-hero h2{font:normal clamp(32px,4vw,55px)/1.1 Georgia,serif;letter-spacing:-1.7px;margin:8px 0 12px;color:var(--pine)}
.s6-hero p{max-width:610px;color:#667264;margin:0 0 17px;line-height:1.55}
.s6-kicker{font-size:10px;letter-spacing:2.5px;font-weight:800;color:#a47864}
.s6-stats{display:flex;gap:8px;flex-wrap:wrap}.s6-stats span{border:1px solid #fff9;background:#fffdf3bd;border-radius:99px;padding:7px 12px;font-size:12px;color:#425b49}
.s6-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:13px;margin:16px 0 20px}
.s6-tabs button{background:#fffdf8;border:1px solid #e2e5dc;border-radius:99px;color:#435c4b;font-weight:700;font-size:12px;padding:10px 16px;min-height:41px}
.s6-tabs button[aria-selected=true]{background:var(--pine);color:white;border-color:var(--pine)}
.s6-head{display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:14px}
.s6-head h3{font:normal 29px Georgia,serif;margin:0;color:var(--pine)}.s6-head p{font-size:12px;color:#758077;margin:4px 0}
.s6-chapter-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:17px;align-items:start}
.s6-side{display:grid;gap:10px}.s6-side .card{padding:15px}.s6-side h3{font:normal 21px Georgia,serif;color:var(--pine);margin:0 0 10px}
.s6-chapters{display:grid;gap:7px}
.s6-chapter{width:100%;display:flex;text-align:left;align-items:center;gap:10px;min-height:59px;border:1px solid #ece9e2;border-radius:12px;padding:8px;background:#fff;color:#294b38}
.s6-chapter.s6-current{background:#e9f0e5;border-color:#7b9e82;box-shadow:0 0 0 1px #7b9e8250}
.s6-chapter-icon{flex:0 0 34px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#f4decf,#e4ddbd);font-size:20px}
.s6-chapter-name{display:block;overflow-wrap:anywhere;font-size:12px;font-weight:800}.s6-chapter-count{display:block;font-size:10px;color:#78867a;margin-top:3px}
.s6-add-board{display:grid;gap:9px}.s6-add-board label,.s6-editor label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#4e6354}
.s6-add-board input,.s6-add-board textarea,.s6-editor input,.s6-editor select,.s6-editor textarea{min-height:38px}
.s6-main{min-width:0;display:grid;gap:15px}.s6-sheet{border:1px solid #e2ded5;border-radius:19px;box-shadow:0 10px 28px #26382b09;overflow:hidden;background:#fffdfa}
.s6-sheethead{padding:26px 26px 22px;background:linear-gradient(120deg,#f6eee2,#f8f5ea 55%,#e8eddf);border-bottom:1px solid #e8e0d8}
.s6-sheethead h3{font:normal clamp(28px,3vw,39px) Georgia,serif;color:var(--pine);margin:7px 0}.s6-sheethead p{font:italic 15px Georgia,serif;color:#637366;margin:8px 0}
.s6-sheet-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:15px}.s6-sheet-tools button{font-size:11px;min-height:37px}
.s6-board-canvas{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;min-height:195px;background:#fffdf9}
.s6-board-canvas.s6-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.s6-board-canvas.s6-mosaic .s6-tile:first-child{grid-column:span 2;grid-row:span 2}.s6-board-canvas.s6-mosaic .s6-tile:first-child .s6-photo{aspect-ratio:4/3}
.s6-board-canvas.s6-two{grid-template-columns:repeat(2,minmax(0,1fr))}.s6-board-canvas.s6-journal{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;padding:28px}
.s6-tile{min-width:0;border:1px solid #e6e3d9;background:white;border-radius:11px;overflow:hidden;box-shadow:0 4px 10px #00000008}
.s6-photo{aspect-ratio:4/3;object-fit:cover;display:block;width:100%;border:0;background:#f3e7e0}
.s6-tile-no-photo{aspect-ratio:4/3;background:linear-gradient(135deg,#e1e9dc,#f7e6d8);display:grid;place-items:center;color:#5c705e;font-size:31px;overflow:hidden}
.s6-tile-no-photo.s6-palette{display:flex;gap:0}.s6-tile-no-photo.s6-palette i{height:100%;flex:1}
.s6-tile-body{padding:10px}.s6-tile-body strong{font:normal 17px Georgia,serif;color:#263d31;display:block;overflow-wrap:anywhere;line-height:1.22}
.s6-tile-meta{font-size:10px;color:#9a7663;letter-spacing:.35px;text-transform:uppercase;font-weight:800;margin-bottom:4px}.s6-tile-note{font-size:11px;color:#788279;line-height:1.4;max-height:55px;overflow:hidden;margin:6px 0 0}
.s6-tile-actions{display:flex;gap:3px;flex-wrap:wrap;border-top:1px solid #eee9e2;margin-top:9px;padding-top:7px}
.s6-tile-actions button{border:0;background:#f3f4ed;color:#45614c;border-radius:7px;padding:5px 8px;font-size:11px;min-width:30px;min-height:30px}
.s6-tile-actions button:disabled{opacity:.28}
.s6-empty{border:1px dashed #d6d9cf;border-radius:15px;padding:27px;text-align:center;color:#778174;background:#fbfaf5;grid-column:1/-1}
.s6-empty strong{display:block;color:var(--pine);font:normal 23px Georgia,serif;margin:4px 0}
.s6-empty p{margin:6px auto 0;font-size:12px;max-width:430px;line-height:1.6}
.s6-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:18px}.s6-editor .s6-wide{grid-column:1/-1}.s6-editor textarea{min-height:80px}
.s6-library{margin-top:3px}.s6-filter{display:grid;grid-template-columns:1fr 180px;gap:10px;margin-bottom:14px}.s6-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.s6-source{border-radius:14px;border:1px solid #ece9e2;background:white;min-width:0;overflow:hidden;display:flex;flex-direction:column}
.s6-thumb{width:100%;height:148px;object-fit:cover;display:block;background:#ecece3}.s6-thumb-placeholder{height:148px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#ece9dc,#dce8e0)}
.s6-source-body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.s6-source-body small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#a77762}.s6-source-body h4{font:normal 19px/1.2 Georgia,serif;margin:0;color:var(--pine);overflow-wrap:anywhere}.s6-source-body p{margin:0;color:#818780;font-size:11px;line-height:1.4;max-height:43px;overflow:hidden}.s6-source-actions{margin-top:auto;padding-top:6px;display:flex;gap:6px;flex-wrap:wrap}.s6-source-actions button{font-size:11px;padding:8px;min-height:35px}
.s6-note{font-size:12px;line-height:1.55;color:#6f7b71;margin:10px 0}.s6-summary{display:flex;gap:8px;flex-wrap:wrap}.s6-summary .tag{font-size:11px}
.s6-board-actions{display:flex;gap:8px;flex-wrap:wrap}.s6-board-actions button{font-size:11px}
.s6-vault-tip{padding:12px 15px;margin:14px 0;border:1px solid #e9e2d6;border-radius:11px;background:#f9f5eb;color:#657163;font-size:12px}
.s6-intro-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media(max-width:1040px){.s6-chapter-layout{grid-template-columns:235px minmax(0,1fr)}.s6-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.s6-board-canvas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.s6-hero{padding:26px 22px;min-height:190px}.s6-chapter-layout{grid-template-columns:1fr}.s6-chapters{display:flex;overflow:auto;padding-bottom:5px;scroll-snap-type:x proximity}.s6-chapter{min-width:170px;max-width:220px;flex-shrink:0;scroll-snap-align:start}.s6-side{gap:10px}.s6-side .card{padding:12px}.s6-add-board{grid-template-columns:minmax(0,1fr) auto;align-items:end}.s6-add-board button{min-height:40px}.s6-sheethead{padding:20px}.s6-board-canvas{padding:13px;gap:9px}.s6-sheet-tools{gap:5px}}
@media(max-width:450px){.s6-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.s6-thumb,.s6-thumb-placeholder{height:110px}.s6-source-body{padding:9px}.s6-source-body h4{font-size:16px}.s6-source-actions button{width:100%}.s6-filter{grid-template-columns:1fr}.s6-editor{grid-template-columns:1fr}.s6-board-canvas.s6-mosaic,.s6-board-canvas.s6-two,.s6-board-canvas.s6-journal{grid-template-columns:repeat(2,minmax(0,1fr))}.s6-board-canvas.s6-mosaic .s6-tile:first-child{grid-column:span 2;grid-row:auto}.s6-board-canvas.s6-mosaic .s6-tile:first-child .s6-photo{aspect-ratio:4/3}.s6-tile-body strong{font-size:14px}.s6-tile-body{padding:7px}.s6-tile-actions button{padding:4px 6px}.s6-head h3{font-size:24px}}
@media print{.sidebar,.topbar,.s6-tabs,.s6-side,.s6-sheet-tools,.s6-editor,.s6-filter,.s6-gallery,.s6-library,.s6-hero,.s6-tile-actions,.footnote,.s6-vault-tip,.s6-head,.s6-intro-row,.toast,#onboarding{display:none!important}body{background:white!important;color:#222!important}.main{width:100%!important}.content{padding:0!important;max-width:none!important}#content{padding:0!important}.s6-chapter-layout{display:block}.s6-sheet{box-shadow:none!important;border:0!important;overflow:visible!important}.s6-sheethead{background:transparent!important;padding:7mm 0!important}.s6-board-canvas,.s6-board-canvas.s6-mosaic,.s6-board-canvas.s6-two,.s6-board-canvas.s6-journal{padding:8mm 0;grid-template-columns:repeat(3,minmax(0,1fr))}.s6-tile{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important}.s6-photo{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

