:root{--bg:#fafaf7;--surface:#fff;--ink:#17283e;--muted:#68727e;--line:#e2e5e5;--tag:#ffcc49;--tag-ink:#17283e;--btn-bg:#17283e;--btn-ink:#fff;--go:#2f7157;--go-bg:#e7f1e9;--warn-bg:#fff5d9;--focus:#2468a6}
html{scroll-behavior:smooth;scroll-padding-top:105px}body{font-family:'Bricolage Grotesque',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{transition:background .18s,transform .18s,box-shadow .18s}button:hover{filter:brightness(.98)}button:disabled{cursor:wait;opacity:.55}.wrap{max-width:1280px;padding:0 40px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--tag);padding:12px}.skip-link:focus{top:8px}
.demo-banner{height:35px;background:#17283e;color:#f7f7ef;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;letter-spacing:.01em;padding:0 18px}.demo-banner b{font-size:10px;letter-spacing:.09em}.demo-dot{height:6px;width:6px;flex:none;border-radius:50%;background:#ffcc49}.demo-banner button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;font-size:11px;margin-left:14px}
header{background:rgba(250,250,247,.96);backdrop-filter:blur(12px);padding:21px 0;z-index:9}.bar{gap:28px}.logo{font-size:30px;line-height:1;letter-spacing:-1.5px;gap:9px;white-space:nowrap}.logo-dot{color:#dc9b11;margin-left:-8px}.mark{width:30px;height:23px;transform:rotate(-12deg);position:relative}.desktop-nav{display:flex;align-items:center;gap:26px;margin-right:auto;margin-left:26px;font-size:14px;font-weight:600}.desktop-nav button{border:0;background:none;padding:0;font:inherit}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:-30px;left:0;right:0;height:3px;background:#17283e}.actions{gap:10px;align-items:center}.btn{padding:11px 20px;font-size:14px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-weight:600}.actions .ghost{border-color:transparent;background:transparent;padding:10px 11px}.actions .ghost:hover{background:#eef0ed}.actions #btn-saved>span:first-child{font-family:Arial;font-size:25px;font-weight:400}.badge{border:2px solid var(--bg);top:-3px;right:-1px}.yellow:hover{background:#ffd56b}.primary:hover{background:#29415c}.hero{margin:32px 0 0;display:grid;grid-template-columns:1.05fr 1fr;gap:0;border-radius:21px;overflow:hidden;background:#eaf0f4;align-items:stretch}.hero-copy{padding:41px 35px 30px 40px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;margin:0 0 18px;color:#52677b;display:flex;align-items:center;gap:7px}.eyebrow span{width:5px;height:5px;border-radius:50%;background:#6b8b78}.intro{font-size:clamp(40px,4.6vw,62px);letter-spacing:-3px;line-height:1.02;max-width:none}.intro>span{position:relative;z-index:0}.intro>span:after{content:'';height:10px;background:#ffcc49;position:absolute;bottom:6px;left:0;right:-2px;z-index:-1;transform:rotate(-1.5deg)}.sub{font-size:15px;line-height:1.65;max-width:38ch;margin:22px 0 24px;color:#526172}.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hero-actions .btn{font-size:13px}.hero-actions .btn span{margin-left:8px}.hero-link{border:0;background:none;padding:8px 0;font-size:12px;font-weight:600;border-bottom:1px solid #b4c0c7}.hero-foot{font-size:11px;color:#687782;display:flex;gap:7px;align-items:center;margin-top:26px}.hero-foot>span{font-size:25px;line-height:10px}.hero-image{position:relative;min-height:430px;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:47% 50%}.photo-sticker{position:absolute;bottom:38px;left:26px;background:#fff9e8;display:flex;gap:12px;align-items:center;padding:13px 17px;transform:rotate(-4deg);box-shadow:0 5px 20px #0002;border-radius:4px;font-size:12px}.photo-sticker>span{background:#ffcc49;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;font-size:22px}.photo-caption{position:absolute;bottom:8px;right:12px;color:white;text-shadow:0 1px 3px #000;background:#17283e88;padding:3px 7px;border-radius:5px;font-size:9px}.benefits{display:flex;justify-content:center;gap:68px;align-items:center;padding:25px 0 28px;border-bottom:1px solid var(--line);font-size:12px;color:#5f6b75}.benefits>span{display:flex;align-items:center;gap:9px}.benefits i{font-style:normal;font-size:21px;color:#253f4b}
#marketplace{padding-top:35px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:14px}.section-heading .eyebrow{margin-bottom:7px;font-size:9px;color:#74816f}.section-heading h2{font-size:30px;letter-spacing:-1px;margin:0;line-height:1.2}.sample-location{font-size:12px;color:var(--muted);padding-bottom:4px}.sample-location>span{font-size:18px;margin-right:5px}.search{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe4e4;border-radius:10px;padding:0 18px;margin:0 0 20px}.search svg{width:21px;height:21px;flex:none;color:#667984}.search input{border:0;box-shadow:none;border-radius:0;min-width:0;padding:16px 0;background:transparent;font-size:14px}.search input:focus-visible{outline-offset:-3px;outline-width:2px}.search-caption{white-space:nowrap;font-size:11px;color:#8b9598;flex:none;padding-left:16px;border-left:1px solid var(--line)}.chips{padding:0 0 20px;gap:8px}.chip{border-color:#dfe4e3;background:transparent;padding:10px 15px;display:flex;align-items:center;gap:7px;font-size:12px;min-height:42px}.chip>span{font-size:16px}.chip:hover{border-color:#53647a}.ctrl{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0;gap:12px}.ctrl label{font-size:12px}.ctrl b{min-width:36px}.ctrl input[type=range]{accent-color:#17283e;width:120px}.ctrl select{font-size:12px;border:0;background:#eef1ee;border-radius:7px;min-height:36px}.seg{border-radius:7px;border:1px solid #dfe4e3;margin-left:auto}.seg button{font-size:12px;border-radius:5px;padding:8px 14px}.results-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 0 15px}.count{font-size:11px;margin:0}.free-toggle{font-size:11px;display:flex;align-items:center;gap:6px;color:#5b6e62}.free-toggle input{accent-color:#2f7157}.grid{gap:19px;padding-bottom:35px}.card{border-radius:13px;border:1px solid #e0e5e5;box-shadow:0 2px 4px #17283e02;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #17283e0b}.art{aspect-ratio:1.24;background:linear-gradient(135deg,color-mix(in srgb,var(--a),white 38%),color-mix(in srgb,var(--b),white 35%));isolation:isolate}.art:after{content:'';position:absolute;bottom:24%;left:32%;right:32%;height:6%;border-radius:50%;filter:blur(7px);background:#24314818;z-index:-1}.art-orbit{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff70;background:#ffffff12}.emo{font-size:81px;filter:drop-shadow(0 7px 6px #0001);transform:rotate(-7deg);transition:transform .3s}.card:hover .emo{transform:rotate(0) scale(1.08)}.sample-art-label{position:absolute;bottom:13px;right:10px;color:#354353;opacity:.6;font-size:9px}.tag{clip-path:none;left:11px;bottom:11px;border-radius:7px;padding:5px 10px;background:#fff;color:#17283e;font-size:17px;line-height:1.25}.tag.free{background:#ebf3e8;color:#2c664d}.heart{width:36px;height:36px;top:10px;right:10px;font-size:23px;color:#52616a;box-shadow:0 1px 6px #00000009}.heart[aria-pressed=true]{color:#a83632;background:#fff3f0}.cbody{padding:14px 14px 13px}.card-category{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#798486;margin-bottom:6px}.ctitle{font-size:14px;font-weight:600;line-height:1.4;min-height:2.8em}.cmeta{font-size:10px;margin-top:11px;align-items:center}.vsub{font-size:10px;margin-top:5px}.pill{font-size:10px;top:10px;left:10px;z-index:1}.radar{margin-bottom:35px;background:#f1f5f0;padding:22px}.radar-title{text-align:center;font-size:18px}.radar-title p{font-size:12px;color:var(--muted);margin:5px}.empty{padding:45px 10px 60px}.empty h3{color:var(--ink);margin:10px 0;font-size:24px}.empty p{font-size:14px}.empty .btn{margin-right:8px}.empty-icon{font-size:55px;line-height:1;color:#7a8c7d}.sell-banner{background:#e9eee6;border-radius:15px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 42px}.sell-banner .eyebrow{font-size:9px;color:#617461;margin:0 0 13px}.sell-banner h2{font-size:31px;line-height:1.1;letter-spacing:-1px;margin:0}.sell-banner p:not(.eyebrow){font-size:13px;color:#667164;margin:14px 0 0}.sell-banner .btn{font-size:13px}footer{border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:27px 0 110px}footer .logo{font-size:28px}footer .mark{height:17px;width:23px}footer p{font-size:11px;color:var(--muted);margin-right:auto}footer>div{display:flex;gap:18px}footer button{background:none;border:0;padding:0;font-size:11px;color:var(--muted)}footer>span{width:100%;font-size:10px;color:#89918d}.fab{border-radius:50px;padding:13px 20px;bottom:22px;right:24px;font-size:12px;box-shadow:0 5px 20px #17283e30;z-index:8}.fab>span:first-child{color:#ffcc49;font-size:20px}.guide-dot{height:6px;width:6px;background:#b6dabc;border-radius:50%;margin-left:4px}
dialog{box-shadow:0 30px 120px #07142345;max-height:95dvh}dialog::backdrop{backdrop-filter:blur(4px);background:#14243770}.sheet{padding:28px 25px 30px}.sheet h2{font-size:29px;letter-spacing:-1px;margin-bottom:12px}.sheet .note{font-size:12px}.sheet .dart{margin-top:16px;aspect-ratio:16/9}.dart .emo{font-size:110px}.dart .sample-art-label{font-size:11px}.demo-inline{font-size:11px;background:#eef2f4;border:1px solid #e0e7eb;border-radius:7px;padding:9px 12px;margin:30px 0 12px;color:#5b6d7d}.price{font-size:31px}.h3{margin-top:25px}.f input,.f textarea,.fi{min-height:45px}.sheet .btn{min-height:44px}.send .btn{min-width:65px}.photo-upload{border:1.5px dashed #c5d1d1;padding:22px 15px;text-align:center;border-radius:12px;background:#f6f8f6}.photo-upload>span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.photo-upload input{font-size:12px;background:#fff!important;margin-top:14px!important}.photo-upload input::file-selector-button{border:0;background:#eaf0ed;color:#17283e;font:inherit;padding:8px;border-radius:5px;margin-right:8px}#photo-preview{max-width:100%;height:160px;object-fit:contain;border-radius:10px;margin-top:10px}.code{font-size:42px}.steps{padding:0;list-style:none;counter-reset:step;margin:24px 0}.steps li{counter-increment:step;position:relative;padding-left:45px;margin:20px 0}.steps li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffcc49;font-weight:800}.steps span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.tips{padding-left:20px}.tips li{margin:13px 0}.aisheet{height:min(85dvh,680px)}.aihead{padding:17px 20px}.aihead b{font-size:20px}.aihead small{font-size:10px;margin-top:4px}.ailog{padding:20px;gap:15px}.bub{font-size:14px}.bub.bot{background:#eff3ee;border-radius:0 16px 16px 16px}.aiform input{font-size:14px;min-width:0}.aichips .chip{font-size:11px;white-space:nowrap}.aiform{padding:12px 15px}.mc .th{font-size:29px}.mc .mt{font-size:13px}.mc .ms{font-size:11px}#toast{font-size:12px;border-radius:9px;box-shadow:0 4px 20px #0002}.safe{line-height:1.6}
@media(min-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.wrap{padding:0 28px}.hero-copy{padding:32px 27px}.intro{font-size:52px}.hero-image{min-height:425px}.desktop-nav{margin-left:10px;gap:18px}.benefits{gap:35px}.hero-actions{gap:9px}.hero-link{font-size:11px}.grid{gap:14px}}
@media(max-width:800px){.desktop-nav{display:none}.bar{gap:12px}.actions{margin-left:auto}.wrap{padding:0 22px}.hero{grid-template-columns:1.1fr 1fr}.hero-copy{padding:28px 23px}.intro{font-size:44px;letter-spacing:-2px}.hero-image{min-height:395px}.eyebrow{font-size:8px}.sub{font-size:13px}.hero-foot{font-size:9px}.hero-actions .btn{font-size:12px;padding:10px 14px}.benefits{gap:20px;font-size:10px}.search-caption{display:none}.section-heading h2{font-size:27px}.sample-location{font-size:11px}.sell-banner{padding:30px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.emo{font-size:65px}}
@media(max-width:600px){html{scroll-padding-top:90px}.wrap{padding:0 17px}.demo-banner{height:30px;font-size:9px;gap:6px}.demo-banner b{font-size:8px}.demo-explainer{display:none}.demo-banner button{font-size:9px;margin-left:auto}.demo-banner{justify-content:flex-start}header{padding:16px 0}.logo{font-size:25px;gap:6px}.mark{height:20px;width:25px}.bar{gap:6px}.actions{gap:2px}.actions .btn{font-size:11px;padding:8px 9px;min-height:38px}.actions .yellow{margin-left:5px}.action-label,.sell-action-label{display:none}.actions #btn-saved>span:first-child{font-size:23px}.hero{margin-top:20px;grid-template-columns:1fr;border-radius:16px}.hero-copy{padding:28px 25px 24px}.hero-copy .eyebrow{font-size:8px;margin-bottom:14px}.intro{font-size:48px;letter-spacing:-2.5px;line-height:1.02}.intro br:nth-of-type(2){display:none}.sub{max-width:38ch;margin:18px 0 19px;font-size:13px}.hero-actions{gap:14px}.hero-link{font-size:10px}.hero-actions .btn{font-size:11px;padding:11px 13px}.hero-foot{display:none}.hero-image{min-height:220px;max-height:220px}.hero-image>img{object-position:50% 62%}.photo-sticker{bottom:26px;left:22px;padding:9px 12px;font-size:10px;gap:8px}.photo-sticker>span{width:27px;height:27px;font-size:18px}.benefits{padding:18px 0;gap:12px;justify-content:space-between;font-size:9px;line-height:1.3}.benefits>span{gap:5px;max-width:29%}.benefits i{font-size:18px}.section-heading{margin-bottom:17px;align-items:flex-end;gap:7px}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:8px;letter-spacing:.12em}.sample-location{font-size:9px;max-width:90px;line-height:1.4}.sample-location>span{font-size:14px;margin-right:1px}#marketplace{padding-top:25px}.search{padding:0 13px;margin-bottom:16px}.search input{font-size:12px;padding:15px 0}.search svg{width:18px}.chips{margin-right:-17px;padding-right:17px;padding-bottom:15px;gap:7px}.chip{padding:9px 12px;font-size:11px;min-height:38px;gap:5px}.chip>span{font-size:14px}.ctrl{gap:10px;padding:12px 0}.ctrl input[type=range]{width:70px}.ctrl label{gap:6px;font-size:10px}.ctrl b{min-width:28px}.seg button{font-size:10px;padding:8px 10px}.ctrl select{font-size:10px;padding:7px 5px;max-width:115px}.results-line{margin:15px 0 13px;gap:5px}.count{font-size:9px}.free-toggle{font-size:9px;gap:3px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:25px}.art{aspect-ratio:1.08}.emo{font-size:65px}.cbody{padding:11px 10px}.card-category{font-size:7px;letter-spacing:.04em}.ctitle{font-size:12px;line-height:1.4}.cmeta{font-size:8px;gap:4px;margin-top:9px}.heart{width:30px;height:30px;top:8px;right:8px;font-size:21px}.tag{font-size:14px;bottom:9px;left:9px;padding:4px 8px}.sample-art-label{font-size:7px;bottom:11px;right:7px}.pill{font-size:8px;padding:3px 5px;top:8px;left:8px}.sell-banner{padding:26px 23px;display:block;margin:10px 0 27px;border-radius:13px}.sell-banner h2{font-size:28px}.sell-banner p:not(.eyebrow){font-size:12px}.sell-banner .btn{margin-top:21px;font-size:12px}.sell-banner .eyebrow{font-size:8px}footer{gap:15px;padding-top:22px;padding-bottom:100px}footer p{font-size:10px;margin:0}footer>div{width:100%;gap:23px}footer button{font-size:10px}.fab{bottom:calc(15px + env(safe-area-inset-bottom,0px));right:16px;font-size:11px;padding:10px 15px;min-height:44px}.fab>span:first-child{font-size:18px}.sheet{padding:25px 19px calc(25px + env(safe-area-inset-bottom,0px))}.sheet h2{font-size:25px}.x{top:10px;right:10px;min-height:36px}.sheet .demo-inline{margin-top:30px;font-size:10px}.two{gap:10px}label.f{font-size:12px}.f input,.f select,.f textarea,.fi,.send input,.aiform input{font-size:16px}.fact{font-size:10px;padding:4px 9px}.safe{font-size:12px}.btn{font-size:13px}.radar{padding:14px}.radar-title{font-size:15px}.radar-title p{font-size:10px}.aisheet{height:86dvh}.aihead small{max-width:270px}.aiform .btn{padding:10px 14px;font-size:12px}.photo-upload input{width:100%;max-width:100%}}
@media(max-width:360px){.hero-link{font-size:9px}.hero-copy{padding:25px 20px}.intro{font-size:43px}.actions .btn{padding:8px 6px}.logo{font-size:22px}.mark{width:20px;height:17px}.ctrl{flex-wrap:wrap}.seg{margin-left:auto}.ctrl select{max-width:none}.free-toggle{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.card:hover{transform:none}}