:root{--bg:#fbfaf8;--paper:#fff;--ink:#171514;--muted:#77716d;--soft:#f2eee9;--line:#e8e0d9;--purple:#6d46d9;--purple2:#8c63f7;--shadow:0 18px 50px rgba(46,36,29,.09);--shadow2:0 8px 24px rgba(46,36,29,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}.top{height:74px;padding:0 30px;display:flex;align-items:center;gap:24px;background:rgba(251,250,248,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,224,217,.75);position:sticky;top:0;z-index:40}.logo{font-family:'Plus Jakarta Sans';font-weight:800;font-size:21px;letter-spacing:-.8px;display:flex;align-items:center;gap:9px}.logoMark{width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,#5f3cc4,#a47df6);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(109,70,217,.25)}.topSearch{flex:1;max-width:560px;position:relative}.topSearch input{width:100%;padding:12px 18px 12px 44px;border:1px solid var(--line);background:#f6f2ee;border-radius:16px;outline:none;transition:.18s}.topSearch input:focus{background:#fff;border-color:#cabcf1;box-shadow:0 0 0 4px rgba(109,70,217,.07)}.searchIcon{position:absolute;left:16px;top:10px;color:#817b76;font-size:18px}.topNav{margin-left:auto;display:flex;align-items:center;gap:18px}.topNav a{color:#5c5652;text-decoration:none;font-size:14px}.proBtn{border:0;background:#171514;color:#fff;padding:11px 16px;border-radius:13px;font-weight:700}.page{max-width:1540px;margin:0 auto}.hero{padding:56px 42px 30px;display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#f1ede7;border:1px solid #e5ddd4;color:#625a55;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px}.dot{width:7px;height:7px;border-radius:50%;background:#68ad71;box-shadow:0 0 0 4px rgba(104,173,113,.12)}h1{font-family:'Plus Jakarta Sans';font-size:clamp(43px,5.3vw,74px);line-height:1.01;letter-spacing:-3.6px;margin:16px 0 18px;max-width:730px}.accent{background:linear-gradient(100deg,#5d40c4,#a06ef5 55%,#ce6aa9);-webkit-background-clip:text;background-clip:text;color:transparent}.heroCopy{color:var(--muted);max-width:690px;font-size:18px;line-height:1.62;margin:0 0 27px}.heroActions{display:flex;gap:11px;flex-wrap:wrap}.primary{border:0;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;padding:14px 21px;border-radius:14px;font-weight:700;box-shadow:0 12px 26px rgba(109,70,217,.20)}.secondary{border:1px solid #d9d0c7;background:#fff;color:#24201e;padding:14px 21px;border-radius:14px;font-weight:700}.trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.trust span{font-size:13px;color:#655e58;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px}.heroVisual{height:545px;position:relative}.heroVisual:before{content:"";position:absolute;inset:40px 0 20px 35px;background:radial-gradient(circle at 20% 30%,rgba(141,108,246,.17),transparent 40%),radial-gradient(circle at 85% 65%,rgba(213,137,180,.12),transparent 38%);filter:blur(8px)}.heroLabel{position:absolute;top:7px;left:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 13px;box-shadow:var(--shadow2);z-index:3}.heroLabel strong{display:block;font-size:13px}.heroLabel small{font-size:11px;color:#847b74}.collage{position:absolute;inset:30px 5px 16px 10px}.sheet{position:absolute;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 20px 40px rgba(46,36,29,.18);border:7px solid #fff}.sheet img{display:block;width:100%;height:100%;object-fit:cover}.s1{width:37%;height:45%;left:5%;top:10%;transform:rotate(-4deg)}.s2{width:31%;height:55%;left:35%;top:2%;transform:rotate(2deg)}.s3{width:32%;height:48%;right:2%;top:13%;transform:rotate(4deg)}.s4{width:30%;height:43%;left:1%;bottom:5%;transform:rotate(3deg)}.s5{width:37%;height:45%;left:30%;bottom:0;transform:rotate(-3deg)}.s6{width:27%;height:43%;right:8%;bottom:5%;transform:rotate(4deg)}.floating{position:absolute;right:0;bottom:19px;background:#171514;color:#fff;border-radius:16px;padding:12px 15px;box-shadow:0 15px 35px rgba(23,21,20,.22);z-index:4}.floating strong{font-size:20px;display:block;letter-spacing:-.6px}.floating span{font-size:11px;color:#d7d0cb}.section{padding:20px 42px 74px}.sectionTop{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:18px 0 14px}.sectionTop h2{font-family:'Plus Jakarta Sans';font-size:28px;letter-spacing:-1.1px;margin:0}.sectionTop p{margin:6px 0 0;color:var(--muted);font-size:14px}.count{font-size:12px;color:#77706b}.chips{display:flex;gap:9px;overflow:auto;padding:4px 0 14px}.chip{background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:999px;color:#665f5b;white-space:nowrap}.chip.active{background:#171514;color:#fff;border-color:#171514}.masonry{columns:5 220px;column-gap:17px}.card{break-inside:avoid;margin:0 0 18px;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 3px 10px rgba(46,36,29,.03);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.thumb{position:relative;background:#eee;overflow:hidden}.thumb img{width:100%;height:auto;display:block}.tag{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);font-size:10px;padding:6px 8px;border-radius:999px;font-weight:700;color:#3f3935}.fav{position:absolute;right:10px;top:10px;width:32px;height:32px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.88);border-radius:50%;font-size:16px}.meta{padding:12px 13px 14px}.meta strong{display:block;font-size:14px}.meta small{color:var(--muted);font-size:11px}.why{margin-top:45px;background:#f1ece6;border-radius:24px;padding:26px}.whyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.whyItem{background:#fff;border:1px solid #e5ddd5;padding:18px;border-radius:17px}.whyItem b{display:block;margin-bottom:7px}.whyItem span{color:var(--muted);font-size:13px;line-height:1.55}
/* Light editor, intentionally matching the gallery */
.editor{display:none;position:fixed;inset:0;z-index:100;background:var(--bg);color:var(--ink)}.editor.open{display:grid;grid-template-rows:72px 1fr}.eTop{display:flex;align-items:center;gap:15px;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(251,250,248,.96);backdrop-filter:blur(14px)}.back{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px}.eBrand{font-family:'Plus Jakarta Sans';font-weight:800}.eTitle{font-weight:700;color:#615a56;font-size:14px}.eSpacer{flex:1}.shareTop{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 13px}.dlTop{border:0;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;border-radius:12px;padding:10px 15px;font-weight:700}.eBody{display:grid;grid-template-columns:265px 1fr 300px;min-height:0}.eSide{padding:20px;border-right:1px solid var(--line);overflow:auto;background:#f7f3ef}.eRight{border-left:1px solid var(--line);border-right:0;background:#fff}.panelTitle{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#8a817b;margin:3px 0 11px;font-weight:800}.panelCard{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;margin-bottom:12px}.upload{display:block;text-align:center;border:1px dashed #bcb1a7;padding:18px;border-radius:14px;background:#fbfaf8;color:#605952}.upload input{display:none}.miniThumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.miniThumbs img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.stage{display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at center,#eee7df,#ddd5cd);overflow:auto}.canvas{position:relative;width:min(54vw,660px);aspect-ratio:2/3;background:#fff;box-shadow:0 28px 65px rgba(42,30,23,.24);overflow:hidden;border-radius:4px}.canvas.base{background-image:url('assets/hbd17.jpg');background-size:cover;background-position:center}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,0) 42%,rgba(0,0,0,.10))}.liveText{position:absolute;left:7%;right:7%;top:6%;text-align:center;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.25);font-size:40px;font-family:'Plus Jakarta Sans';font-weight:800}.slot{position:absolute;border:2px dashed rgba(255,255,255,.9);background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800;text-shadow:0 2px 7px #0008;overflow:hidden}.slot img{width:100%;height:100%;object-fit:cover}.slot.a{left:9%;top:24%;width:36%;height:30%}.slot.b{right:9%;top:24%;width:36%;height:30%}.slot.c{left:9%;bottom:10%;width:36%;height:30%}.slot.d{right:9%;bottom:10%;width:36%;height:30%}.eRight{padding:20px;overflow:auto}.field{margin-bottom:15px}.field label{display:block;font-size:11px;color:#7b746f;margin-bottom:6px}.field input,.field select{width:100%;padding:10px 11px;border:1px solid var(--line);background:#fbfaf8;border-radius:10px;outline:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shareBtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shareBtns button{border:1px solid var(--line);background:#fbfaf8;border-radius:10px;padding:10px;font-size:12px}.exportCard{background:#f4efe9;border:1px solid #e4dbd1;border-radius:15px;padding:14px;margin-top:18px}.exportCard strong{font-size:13px;display:block}.exportCard span{font-size:11px;color:#756c65;line-height:1.5}.eSteps{display:flex;gap:10px;margin:0 42px 50px}.eStep{flex:1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.eStep b{display:block;margin-bottom:6px}.eStep span{color:var(--muted);font-size:12px}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.heroVisual{height:500px}.masonry{columns:4 190px}.eBody{grid-template-columns:230px 1fr}.eRight{display:none}.canvas{width:min(68vw,660px)}}@media(max-width:760px){.top{padding:0 15px}.topNav a{display:none}.topSearch{max-width:none}.hero,.section{padding-left:18px;padding-right:18px}.heroVisual{height:380px}.collage{inset:24px 0 8px}.s1{width:40%}.s2{width:34%;left:31%}.s3{width:31%;right:0}.s4{width:33%}.s5{width:38%;left:27%}.s6{width:29%;right:4%}.masonry{columns:2 145px}.whyGrid{grid-template-columns:1fr}.editor{grid-template-rows:62px 1fr}.eTop{padding:0 12px}.eTitle{display:none}.eBody{grid-template-columns:1fr}.eSide{display:none}.stage{padding:16px}.canvas{width:88vw}.shareTop{display:none}}
/* Automatic collage maker entry point */
.mosaicPromo{display:flex;align-items:center;gap:18px;margin:0 42px 28px;padding:20px 22px;border:1px solid #dfd5f4;border-radius:21px;background:linear-gradient(115deg,#f5f0ff,#fff 62%,#effafa);box-shadow:0 12px 30px rgba(92,64,166,.07)}.mosaicPromoIcon{width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#7044d8,#bd79ed);color:#fff;font-size:24px;box-shadow:0 9px 20px rgba(109,70,217,.22)}.mosaicPromo h2{font-family:'Plus Jakarta Sans';font-size:20px;letter-spacing:-.8px;margin:4px 0 5px}.mosaicPromo p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;max-width:730px}.mosaicPromo .secondary{margin-left:auto;white-space:nowrap;text-decoration:none}@media(max-width:760px){.mosaicPromo{margin:0 18px 24px;align-items:flex-start;flex-wrap:wrap;padding:17px}.mosaicPromoIcon{width:38px;height:38px;font-size:20px}.mosaicPromo h2{font-size:17px}.mosaicPromo .secondary{margin-left:56px}}