:root{--bg:#fffaf9;--paper:#fff;--ink:#282126;--muted:#7b7075;--line:#f0e4ea;--purple:#e51b80;--purple2:#ff6638;--berry:#e51b80;--berry-dark:#bf0d72;--gold:#ff7024;--soft:#fff0f5;--shadow:0 10px 30px #29204314}body{font-family:Inter,'Avenir Next',Arial,sans-serif;background:#fff;color:var(--ink)}.top,.topbar{background:#ffffffed;border-color:#eeeef4}.top{height:78px;padding-left:27px;gap:24px}.logo,.brand{font-family:inherit}.logoMark,.brand-mark{background:linear-gradient(135deg,#cf05a9,#e51b80);color:#fff;box-shadow:none;border-radius:12px}.logo small,.brand small{color:#92939e}.topSearch{max-width:560px;flex:1;margin-left:20px}.topSearch input{background:#f3f4f6;border-color:transparent;border-radius:24px;padding-top:13px;padding-bottom:13px}.topSearch input:focus{background:#fff;border-color:#f04c93;box-shadow:0 0 0 3px #e51b8012}.topNav .proBtn,.primary,.dlTop,.button-primary{background:#e51b80;color:#fff;border-radius:8px;box-shadow:none}.secondary{background:#fff;border-color:#dedce6;color:#6d33b7}.primary:hover,.dlTop:hover{box-shadow:0 8px 20px #e51b8026}.workspaceNav{position:fixed;left:0;top:78px;bottom:0;width:98px;border-right:1px solid #eeeef4;background:#fff;z-index:20;padding:24px 10px;display:flex;flex-direction:column;gap:14px}.workspaceNav a{display:flex;flex-direction:column;align-items:center;gap:7px;border-radius:13px;padding:12px 5px;color:#757681;font-size:10px}.workspaceNav a span{font-size:23px}.workspaceNav a:first-child,.workspaceNav a:hover{background:#f3edfd;color:#e51b80}.page{max-width:none;margin-left:98px}.hero{display:block;min-height:0;padding:42px 42px 38px;text-align:center;background:linear-gradient(120deg,#fff0f5,#fff3ee 65%,#fff0f5);margin:24px 32px 30px;border-radius:18px}.hero>div:first-child{animation:none}.hero h1{font:750 clamp(32px,3.5vw,50px)/1.13 Inter,'Avenir Next',Arial,sans-serif;letter-spacing:-1.8px;max-width:900px;margin:17px auto}.accent{font-style:normal;background:linear-gradient(100deg,#ff7024,#e51b80);color:transparent;background-clip:text;-webkit-background-clip:text}.hero .eyebrow{color:#8973a4;font-size:10px;letter-spacing:1px}.hero .dot{background:#e51b80}.heroCopy{margin:0 auto 22px;max-width:620px;font-size:14px;color:#757180}.heroActions,.trust{justify-content:center}.heroVisual{display:none}.trust span{background:#fff9;border:1px solid #e6e0ed;color:#8b8295;padding:7px 12px;font-size:10px}.section{padding:15px 32px 55px}.sectionTop h2{font:700 24px/1.3 Inter,'Avenir Next',Arial,sans-serif;letter-spacing:-.5px}.sectionTop p{color:#87848d}.count{color:#9a97a2}.chips{padding-bottom:24px}.chip{border-color:#e8e5ed;color:#696470;background:white;font-size:12px;padding:10px 17px}.chip.active{background:#202124;border-color:#202124;color:#fff}.chip:hover{border-color:#aaa0b7}.masonry{display:block;columns:5 205px;column-gap:20px}.card{display:inline-block;width:100%;break-inside:avoid;margin:0 0 23px;border:0;padding:0;border-radius:16px;background:white;box-shadow:none;animation:pinEnter .35s both}.card:hover{transform:none;box-shadow:none}.thumb{padding:0;background:#f2f2f2!important;display:block;height:auto;border-radius:16px}.thumb img{width:100%;height:auto;max-width:none;box-shadow:none;display:block}.card:hover .thumb img{transform:scale(1.015);filter:brightness(.88)}.tag{background:#fffc;color:#504559;font-size:9px;padding:6px 10px;opacity:0;transition:.2s}.card:hover .tag{opacity:1}.fav{width:35px;height:35px;font-size:19px;right:12px;top:12px;color:#6c4b92;background:#fffe;border:0}.previewAction{background:#e51b80;border-radius:22px;padding:12px 18px;font-weight:600;bottom:22px;font-size:12px}.meta{padding:12px 6px 0}.meta strong{font:600 13px/1.45 Inter,'Avenir Next',Arial,sans-serif;margin-bottom:5px}.meta small{font-size:10px;color:#98929f}.empty{display:block;padding:35px;column-span:all}.why{background:#fff9f8;border:1px solid #f4e4eb}.whyItem{border-color:#eee9f6}.whyItem b{font:650 18px Inter,Arial,sans-serif;color:#e51b80}.closing{margin-left:130px;margin-right:32px;max-width:none;background:linear-gradient(120deg,#fff0f5,#fff3ee);border-color:#ece2f8}.closing h2{font:700 38px/1.15 Inter,Arial,sans-serif}.closing em{font-style:normal;color:#e51b80}.closing>span{color:#ff7024}.siteFooter{margin-left:98px;background:#fff}.eTop{background:#fff}.eBrand{color:#e51b80}.eSide,.eRight,.sidebar{background:#fff}.stage,.canvas-stage{background:#f0f1f4;background-image:radial-gradient(#d9dbe2 .7px,transparent .7px);background-size:17px 17px}.back,.shareTop,.editor-gallery-link{color:#d91787;border-color:#e6dcef}.upload{background:#fff2f7;border-color:#eda4c5;color:#e51b80}.field input:focus,.field select:focus,.text-field input:focus,.text-field select:focus{border-color:#f04c93;box-shadow:0 0 0 3px #e51b8010}.panelTitle{color:#998aa9}.panelCard{border-color:#f1e4e9}.previewNote{background:#f8f5fc;color:#94849f}.exportCard{background:#fff1f5;border-color:#f1dce6}.field input[type=range]{accent-color:#e51b80}.slot.selected{outline-color:#9f6be2}.editor-gallery-link:hover{background:#fff0f5}.blend-pill{color:#d91787}.slot-row.selected{border-color:#e9a4c1;background:#f9f5ff}.text-link{color:#d91787}.welcome h1 em{color:#e51b80}.ambient{display:none}.sidebar-foot{color:#a199aa}.brand-mark{border-radius:11px}.gallery-header{background:#fff}.resize-hint{color:#9993a1}
@keyframes pinEnter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.masonry{columns:4 185px}.topSearch{margin-left:0}.hero{padding:35px 25px;margin:22px}.section{padding-left:22px;padding-right:22px}.closing{margin-left:120px;margin-right:22px}}
@media(max-width:800px){.workspaceNav{display:none}.page,.siteFooter{margin-left:0}.top{height:auto;min-height:78px}.hero{margin:22px 20px}.hero h1{font-size:38px}.masonry{columns:3 165px}.closing{margin:0 20px 45px}.topSearch{width:100%;max-width:none}.card{margin-bottom:20px}}
@media(max-width:520px){.hero{padding:28px 18px;margin:18px 14px}.hero h1{font-size:31px;letter-spacing:-1px}.heroCopy{font-size:12px}.trust{gap:6px}.trust span{font-size:9px}.section{padding:10px 14px 35px}.masonry{columns:2 130px;column-gap:12px}.thumb,.card{border-radius:12px}.meta strong{font-size:12px}.meta small{font-size:9px}.sectionTop h2{font-size:21px}.card{padding:0}.why{padding:20px;margin-top:30px}.closing h2{font-size:31px}.tag{font-size:8px}.previewAction{font-size:10px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Marketplace home: visual browsing with a Canva-like workspace shell. */
.hero{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);align-items:center;gap:48px;min-height:590px;padding:54px 58px;text-align:left;background:radial-gradient(circle at 82% 18%,#fff1eb 0,transparent 27%),linear-gradient(125deg,#fff1f5,#fff 50%,#fff4ed);border-radius:26px;overflow:hidden}
.hero h1{font-size:clamp(38px,4.6vw,72px);line-height:1.04;letter-spacing:-3.4px;max-width:720px;margin:19px 0}
.heroCopy{margin:0 0 25px;max-width:610px;font-size:15px;line-height:1.75}
.heroActions,.trust{justify-content:flex-start}
.heroVisual{display:block;min-height:490px;position:relative}
.heroLabel{position:absolute;top:0;left:14%;z-index:8;background:#202124;color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 15px 32px #29232829}
.heroLabel strong,.heroLabel small{display:block}.heroLabel strong{font-size:12px}.heroLabel small{font-size:9px;color:#d7d2dc;margin-top:4px}
.collage{position:absolute;inset:0}.sheet{position:absolute;display:block;background:#fff;padding:7px;border-radius:14px;box-shadow:0 20px 45px #29232830;overflow:hidden;transition:.3s}
.sheet:hover{transform:translateY(-8px) rotate(0)!important;z-index:12}.sheet img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}
.sheet.s1{left:3%;top:15%;width:29%;height:68%;transform:rotate(-7deg)}.sheet.s2{left:29%;top:9%;width:27%;height:61%;transform:rotate(3deg)}.sheet.s3{right:3%;top:6%;width:28%;height:73%;transform:rotate(7deg)}.sheet.s4{left:20%;bottom:1%;width:25%;height:48%;transform:rotate(-2deg)}.sheet.s5{right:17%;bottom:0;width:27%;height:52%;transform:rotate(4deg)}
.floating{position:absolute;right:0;bottom:4%;z-index:13;background:#fff;padding:13px 18px;border-radius:13px;box-shadow:0 14px 30px #29232824}.floating strong,.floating span{display:block}.floating strong{color:#e51b80;font-size:18px}.floating span{font-size:10px;color:#817987;margin-top:2px}
.sectionKicker{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#e51b80;display:block;margin-bottom:6px}.photoToolCallout{display:flex;flex-direction:column;gap:4px;margin:3px 0 16px;padding:12px 13px;border:1px solid #f0bfd2;border-radius:11px;background:linear-gradient(120deg,#fff0f5,#fff3ec);color:#d91787;text-decoration:none}.photoToolCallout b{font-size:12px}.photoToolCallout span{font-size:9px;color:#81738e}.photoToolCallout:hover{border-color:#ee7ba5;box-shadow:0 8px 18px #e51b8012}
@media(max-width:1100px){.hero{grid-template-columns:1fr .9fr;gap:24px;padding:40px 30px}.heroVisual{min-height:430px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;text-align:center}.hero h1{font-size:44px;letter-spacing:-2px;margin-left:auto;margin-right:auto}.heroCopy{margin-left:auto;margin-right:auto}.heroActions,.trust{justify-content:center}.heroVisual{min-height:430px}}
@media(max-width:520px){.hero{padding:30px 18px 20px}.hero h1{font-size:34px;letter-spacing:-1.4px}.heroVisual{min-height:330px}.heroLabel{left:7%;padding:10px 12px}.sheet{padding:4px;border-radius:9px}.floating{padding:9px 12px}.floating strong{font-size:14px}}
.editorShowcase{position:absolute;left:2%;right:1%;top:11%;bottom:3%;background:#fff;border:1px solid #f0e4e9;border-radius:22px;box-shadow:0 28px 55px #2923282b;overflow:hidden;transform:rotate(1.5deg)}
.showcaseBar{height:42px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #eeeaf2;background:#fff}.showcaseBar i{width:8px;height:8px;border-radius:50%;background:#ff887f}.showcaseBar i:nth-child(2){background:#ffd166}.showcaseBar i:nth-child(3){background:#37c99a}.showcaseBar span{margin-left:auto;font-size:8px;letter-spacing:1.3px;font-weight:800;color:#8d8298}
.showcaseBody{height:calc(100% - 42px);display:grid;grid-template-columns:52px 1fr 108px;background:#f1f1f5}.showcaseTools{display:flex;flex-direction:column;align-items:center;gap:18px;background:#fff;padding-top:22px;border-right:1px solid #e9e6ed}.showcaseTools b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#e51b80;background:#fff0f5;font-size:13px}.showcaseCanvas{position:relative;align-self:center;justify-self:center;width:72%;height:82%;overflow:hidden;border-radius:6px;background:linear-gradient(150deg,#282126,#a90f69 55%,#ff7024);box-shadow:0 14px 28px #2920432b;color:#fff}.shape{position:absolute;border-radius:50%;filter:blur(1px)}.shapeOne{width:160px;height:160px;right:-50px;top:-40px;background:#ff76575c}.shapeTwo{width:120px;height:120px;left:-35px;bottom:-20px;background:#ff6b9266}.shapePhoto{position:absolute;left:50%;top:45%;translate:-50% -50%;display:grid;place-items:center;width:42%;aspect-ratio:1;border-radius:50%;border:6px solid #fff6;background:linear-gradient(145deg,#fff3,#fff1);font-size:12px;font-weight:800;text-align:center;letter-spacing:1px}.showcaseCanvas strong{position:absolute;left:0;right:0;bottom:16%;font:700 23px/1.1 Georgia,serif;text-align:center}.showcaseCanvas small{position:absolute;left:0;right:0;bottom:9%;font-size:7px;letter-spacing:1px;text-align:center}.showcasePanel{background:#fff;border-left:1px solid #e9e6ed;padding:26px 14px}.showcasePanel span{display:block;height:8px;border-radius:10px;background:#ece8f1;margin-bottom:15px}.showcasePanel span:nth-child(2){width:72%}.showcasePanel span:nth-child(3){width:88%}.showcasePanel em{display:block;margin-top:28px;padding:10px 6px;border-radius:8px;background:#e51b80;color:#fff;font-size:7px;text-align:center;font-style:normal;font-weight:800}
@media(max-width:520px){.showcaseBody{grid-template-columns:38px 1fr 70px}.showcaseTools{gap:10px}.showcaseTools b{width:24px;height:24px}.showcasePanel{padding:18px 8px}.showcaseCanvas strong{font-size:15px}}
.featuredCollage{inset:42px 0 4px}.featuredCollage .sheet{height:auto!important;padding:7px;background:#fff;border-radius:14px;overflow:visible}.featuredCollage .sheet img{width:100%;height:auto!important;aspect-ratio:auto;object-fit:contain;border-radius:8px}.featuredCollage .s1{left:0;top:14%;width:32%;transform:rotate(-7deg);z-index:2}.featuredCollage .s2{left:25%;top:2%;width:30%;transform:rotate(2deg);z-index:3}.featuredCollage .s3{right:0;top:12%;width:32%;transform:rotate(7deg);z-index:2}.featuredCollage .s4{left:18%;top:45%;bottom:auto;width:31%;transform:rotate(-3deg);z-index:5}.featuredCollage .s5{right:18%;top:44%;bottom:auto;width:32%;transform:rotate(3deg);z-index:4}.heroVisual>.floating{left:auto!important;right:0!important;width:max-content;max-width:72%;bottom:2%}
.featuredCollage .sheet:hover{transform:translateY(-8px) rotate(0)!important;z-index:20;box-shadow:0 26px 48px #29232842}
@media(max-width:520px){.featuredCollage{inset:40px 0 0}.featuredCollage .sheet{padding:4px}.featuredCollage .s4,.featuredCollage .s5{top:52%}}

/* Keep the five featured designs in a balanced two-row arrangement. */
.featuredCollage .s1{left:1%;top:14%;width:30%;}
.featuredCollage .s2{left:27%;top:2%;width:29%;}
.featuredCollage .s3{right:6%;top:11%;width:29%;}
.featuredCollage .s4{left:14%;top:49%;width:29%;}
.featuredCollage .s5{right:11%;top:48%;width:29%;}
@media(max-width:1100px){
  .featuredCollage .s1{left:0;width:31%;}
  .featuredCollage .s2{left:26%;width:30%;}
  .featuredCollage .s3{right:4%;width:30%;}
  .featuredCollage .s4{left:12%;width:30%;}
  .featuredCollage .s5{right:8%;width:30%;}
}
@media(max-width:520px){
  .featuredCollage .s1{left:0;width:31%;}
  .featuredCollage .s2{left:25%;width:30%;}
  .featuredCollage .s3{right:3%;width:30%;}
  .featuredCollage .s4{left:10%;top:52%;width:30%;}
  .featuredCollage .s5{right:7%;top:52%;width:30%;}
}

.logoMark svg{display:block;width:23px;height:23px}.launchPricing{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:0 42px 28px;padding:22px 26px;border:1px solid #e5dcf4;border-radius:18px;background:linear-gradient(110deg,#fff0f5,#fff 62%,#fff3ed)}.launchPricingCopy{max-width:760px}.launchPill{display:inline-block;padding:6px 10px;border-radius:999px;background:#ffedf4;color:#d91787;font-size:10px;font-weight:800;letter-spacing:.8px}.launchPricing h2{margin:10px 0 5px;font-size:22px;letter-spacing:-.5px}.launchPricing p{margin:0;color:#777180;font-size:13px;line-height:1.6}.launchPricingPrice{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;white-space:nowrap}.launchPricingPrice strong{font-size:31px;line-height:1;color:#e51b80}.launchPricingPrice span{font-size:11px;color:#797284}.launchPricingPrice small{grid-column:1/-1;margin-top:5px;color:#8a8293;font-size:11px}.launchPricingPrice a{grid-column:1/-1;margin-top:9px;color:#d91787;font-size:12px;font-weight:700}.membershipPrice{display:flex;align-items:baseline;gap:10px;margin:18px 0 10px;padding:18px;border:1px solid #e5dcf4;border-radius:14px;background:linear-gradient(110deg,#fff0f5,#fff3ed)}.membershipPrice strong{font-size:38px;color:#d91787;line-height:1}.membershipPrice span{font-size:13px;color:#716a7d}.authSide .logoMark svg{width:23px;height:23px}@media(max-width:760px){.launchPricing{margin:0 18px 22px;padding:19px;align-items:flex-start;flex-direction:column;gap:16px}.launchPricingPrice{grid-template-columns:auto auto}.launchPricing h2{font-size:20px}}

/* FotoMitra brand palette: magenta, vivid pink, coral and orange. */
.logoMark,.brand-mark,.mosaicPromoIcon{background:linear-gradient(135deg,#cf05a9 0%,#e51b80 42%,#f04461 72%,#ff7024 100%);color:#fff}.logoMark svg{color:#fff}

.logoMark,.brand-mark,.mosaicPromoIcon{background:linear-gradient(135deg,#cf05a9 0%,#e51b80 42%,#f04461 72%,#ff7024 100%);color:#fff}