*{-moz-box-sizing:border-box;box-sizing:border-box}body{background-color:#fff;color:#4c4e4d;display:table;font-family:"Helvetica";font-size:100%;height:100%;line-height:1.5625;padding-bottom:4em;padding-top:4em;margin:0;width:100%}body.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content{max-width:1100px;margin:0 auto}.left{float:left}.right{float:right}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}body{margin:0;padding:0 20px}.m-meme{margin:20px auto 50px;max-width:990px}.m-meme:before,.m-meme:after{content:" ";display:table}.m-meme:after{clear:both}@media screen and (min-width: 700px){.m-canvas{width:70%}}.m-canvas .m-canvas__canvas{background:#fcfcfc}.m-canvas .m-canvas__canvas canvas{max-width:100% !important}.m-canvas .m-canvas__download a{background:#2980b9;border:none;border-radius:5px;color:#fff;display:block;font-weight:700;line-height:50px;text-align:center;text-decoration:none;-webkit-transition:background-color ease-in-out .3s;transition:background-color ease-in-out .3s}.m-canvas .m-canvas__download a:hover{background:#7fbbe3}.m-canvas .m-canvas__download-note{color:#777;font-size:12px;font-style:italic}.m-editor{margin-bottom:30px}@media screen and (min-width: 700px){.m-editor{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right;padding-left:20px;width:30%}}.m-editor .dropzone{background-color:#fcfcfc;border:2px dashed #cfcfcf;border-radius:10px;color:#6a6a69;display:block;font-size:18px;font-weight:700;height:80px;line-height:80px;margin-bottom:1em;text-align:center;vertical-align:middle}.m-editor .dropzone.pulse{-webkit-animation:pulsate .3s infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;-moz-animation:pulsate .3s infinite;-moz-animation-direction:alternate;-moz-animation-timing-function:ease-in-out;-o-animation:pulsate .3s infinite;-o-animation-direction:alternate;-o-animation-timing-function:ease-in-out;animation:pulsate .3s infinite;animation-direction:alternate;animation-timing-function:ease-in-out}.m-editor .text-align,.m-editor .font-size,.m-editor .font-family,.m-editor .text-shadow,.m-editor .watermark{display:none}.m-editor .m-editor__overlay{display:none}.m-editor .m-editor__overlay:before,.m-editor .m-editor__overlay:after{content:" ";display:table}.m-editor .m-editor__overlay:after{clear:both}.m-editor .m-editor__overlay ul{list-style:none;margin:0;padding:0}.m-editor .m-editor__overlay ul label{display:block;float:left;height:20px;line-height:20px}.m-editor .m-editor__swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#000;border-radius:3px;cursor:pointer;display:block;height:100%;margin:0;margin-left:1em;outline:none;text-align:center;width:30px}.m-editor .m-editor__swatch:checked:before{content:"x";color:#fff;font-size:18px;vertical-align:center}@-webkit-keyframes pulsate{0%{background-color:#fcfcfc;border-color:#cfcfcf}100%{background-color:#bedcf0;border-color:#2980b9}}@-moz-keyframes pulsate{0%{background-color:#fcfcfc;border-color:#cfcfcf}100%{background-color:#bedcf0;border-color:#2980b9}}@-o-keyframes pulsate{0%{background-color:#fcfcfc;border-color:#cfcfcf}100%{background-color:#bedcf0;border-color:#2980b9}}@keyframes pulsate{0%{background-color:#fcfcfc;border-color:#cfcfcf}100%{background-color:#bedcf0;border-color:#2980b9}}form h2{font-size:16px;font-weight:700;margin:0 0 .25em}form select,form textarea,form input[type=text],form input[type=range],form .checkbox-group{margin-bottom:1.5em;width:100%}form .checkbox-group label{font-size:.8em;font-weight:normal;margin-bottom:0}form textarea,form input[type=text]{border:1px solid #efefef;outline:0;padding:6px 5px}form textarea:focus,form input[type=text]:focus{border:1px solid #bedcf0}form textarea{height:6em}form select,form option{border:1px solid #cfcfcf;border-radius:0}form fieldset{border:none;margin:0 auto;padding:0}.site-header{background:#22252a;margin:0 -20px;padding:0 20px}.site-header .site-header__in{align-items:center;display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 auto;max-width:990px;padding:13px 0}.site-header .site-logo{color:#fff;font-size:20px;font-weight:800;text-decoration:none}.site-header .site-logo b{color:#f5a623}.site-header nav{display:flex;flex-wrap:wrap;gap:4px 16px;margin-left:auto}.site-header nav a{color:#cfd4dc;font-size:14.5px;text-decoration:none}.site-header nav a:hover{color:#fff}.site-main{margin:0 auto;max-width:990px}.page-intro{margin:26px 0 4px}.page-intro h1{font-size:30px;line-height:1.3;margin:0 0 8px}.page-intro p{color:#5a5f66;font-size:16px;line-height:1.75;margin:0;max-width:46em}.m-meme>h1:first-child{display:none}.site-section{margin:44px 0 8px}.site-section h2{font-size:23px;margin:0 0 10px}.site-section h3{font-size:17.5px;margin:22px 0 6px}.site-section p,.site-section li{color:#3d4148;font-size:15.5px;line-height:1.85}.site-section ul,.site-section ol{padding-left:1.4em}.site-section a{color:#2980b9}.tpl-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));margin-top:14px}.tpl-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;color:inherit;display:block;overflow:hidden;text-decoration:none;transition:box-shadow .2s,transform .2s}.tpl-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.12);transform:translateY(-2px)}.tpl-card img{aspect-ratio:1;display:block;object-fit:cover;width:100%}.tpl-card span{display:block;font-size:15px;font-weight:700;padding:9px 12px 3px}.tpl-card small{color:#8a8f96;display:block;font-size:12.5px;padding:0 12px 11px}.preset-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.preset-chip{background:#fff7e8;border:1px solid #f0d9a8;border-radius:999px;cursor:pointer;font-size:14px;line-height:1.5;padding:7px 15px;text-align:left}.preset-chip:hover{background:#ffedc9}.preset-chip b{color:#9a6a00}.faq-item{border-top:1px solid #eee;padding:13px 0 3px}.faq-item h3{margin:0 0 5px}.share-tip{color:#8a8f96;font-size:13px;margin-top:8px;text-align:center}#file-input{display:none}.classic-style-group{margin-bottom:1.2em}.m-editor .dropzone{cursor:pointer}.m-editor .dropzone small{display:block;font-size:12.5px;font-weight:400;line-height:1.4;padding-bottom:12px}.site-footer{border-top:1px solid #eee;color:#8a8f96;font-size:13.5px;line-height:1.9;margin:56px auto 0;max-width:990px;padding:20px 0 8px}.site-footer a{color:#5a5f66}.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:6px}@media screen and (max-width: 699px){.page-intro h1{font-size:25px}}

/* Meme 2026 refresh: clear hierarchy, tactile cards, accessible focus, mobile-first editor */
:root { color-scheme: light; --meme-ink:#171923; --meme-muted:#697386; --meme-line:#e7eaf0; --meme-brand:#ffbd45; --meme-brand-dark:#d98a00; --meme-surface:#fff; --meme-soft:#f6f7fb; }
html { scroll-behavior:smooth; scroll-padding-top:84px; }
body { background:linear-gradient(180deg,#fff 0%,#fbfbfe 70%,#fff 100%); color:var(--meme-ink); }
a { text-underline-offset:3px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline:3px solid #3984ff; outline-offset:3px; }
.site-header { background:rgba(23,25,35,.97); box-shadow:0 8px 28px rgba(18,24,40,.12); margin:0 -20px; position:sticky; top:0; z-index:20; backdrop-filter:blur(14px); }
.site-header .site-header__in { max-width:1120px; min-height:64px; }
.site-logo { letter-spacing:-.03em; }
.site-logo b { color:#ffca69; }
.site-header nav { gap:7px 16px; }
.site-header nav a { border-radius:7px; padding:7px 2px; transition:color .18s ease; }
.site-header nav a:hover { color:#ffca69; }
.site-main { max-width:1120px; padding:0 4px; }
.page-intro { background:radial-gradient(ellipse at 90% 10%,rgba(255,189,69,.2),transparent 42%),linear-gradient(135deg,#fff 0%,#fffaf0 100%); border:1px solid #f3e8d2; border-radius:22px; margin:28px 0 20px; padding:clamp(22px,4vw,42px); }
.page-intro h1 { font-size:clamp(27px,4vw,42px); letter-spacing:-.04em; line-height:1.18; max-width:22em; }
.page-intro p { color:#505766; font-size:clamp(15px,1.8vw,17px); max-width:55em; }
.site-section { margin:42px 0 10px; }
.site-section h2 { font-size:clamp(21px,2.4vw,28px); letter-spacing:-.025em; }
.tpl-grid { gap:18px; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); }
.tpl-card { border-color:#e8eaf0; border-radius:16px; box-shadow:0 2px 8px rgba(20,25,40,.025); transition:box-shadow .2s,transform .2s,border-color .2s; }
.tpl-card:hover { border-color:#f0c46d; box-shadow:0 12px 28px rgba(30,34,48,.1); transform:translateY(-3px); }
.tpl-card img { background:#f1f2f5; }
.tpl-card span { font-size:16px; padding:12px 14px 4px; }
.tpl-card small { padding:0 14px 14px; }
.m-meme { align-items:start; gap:24px; margin-top:18px; }
.m-editor, .m-canvas { border:1px solid var(--meme-line); border-radius:18px; box-shadow:0 8px 30px rgba(24,31,50,.055); }
.m-editor { background:#fff; padding:clamp(16px,2.5vw,24px); }
.m-canvas { background:#fff; padding:clamp(12px,2vw,20px); }
.m-editor h2 { color:#303543; font-size:14px; font-weight:750; letter-spacing:0; margin:18px 0 7px; }
.m-editor textarea, .m-editor input[type="text"], .m-editor select { border:1px solid #dfe3eb; border-radius:10px; min-height:42px; padding:9px 11px; }
.m-editor textarea { min-height:76px; resize:vertical; }
.m-editor textarea:focus, .m-editor input:focus, .m-editor select:focus { border-color:#e7a82d; box-shadow:0 0 0 3px rgba(255,189,69,.2); }
.m-editor .dropzone { background:linear-gradient(135deg,#fffaf0,#fff); border:2px dashed #e8bd66; border-radius:14px; color:#61440c; padding:22px 14px; transition:background .2s,border-color .2s; }
.m-editor .dropzone:hover { background:#fff4d8; border-color:#d99516; }
.m-canvas__canvas { border-radius:10px; overflow:hidden; }
.m-canvas__download a, #meme-download { background:#202431; border-radius:999px; color:#fff; display:inline-flex; font-weight:750; justify-content:center; padding:12px 22px; text-decoration:none; transition:transform .18s,background .18s; }
.m-canvas__download a:hover, #meme-download:hover { background:#3a4153; transform:translateY(-1px); }
.preset-chip { border-radius:12px; background:#fffaf0; border-color:#f0d9a8; }
.preset-chip:hover { background:#fff0cc; }
.faq-item { border-color:#e8eaf0; padding:17px 0 6px; }
.faq-item h3 { font-size:16px; }
.site-footer { max-width:1120px; margin-top:64px; padding:24px 4px 30px; }
.site-footer nav { gap:8px 18px; }
@media (min-width:900px) { .m-meme { grid-template-columns:minmax(300px,.82fr) minmax(360px,1.18fr); } }
@media (max-width:899px) { .m-meme { display:flex; flex-direction:column; } .m-editor,.m-canvas { box-sizing:border-box; width:100%; } .m-canvas__canvas { max-width:100%; } }
@media (max-width:699px) {
 .site-header { margin:0 -12px; padding:0 12px; position:relative; }
 .site-header .site-header__in { align-items:flex-start; flex-direction:column; gap:10px; padding:13px 0; }
 .site-header nav { gap:5px 13px; margin-left:0; }
 .site-header nav a { font-size:13px; }
 .site-main { padding:0; }
 .page-intro { border-radius:16px; margin-top:18px; padding:22px 18px; }
 .tpl-grid { gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tpl-card { border-radius:12px; }
 .tpl-card span { font-size:14px; padding:9px 10px 3px; }
 .tpl-card small { font-size:11.5px; padding:0 10px 10px; }
 .site-section { margin-top:32px; }
 .m-editor,.m-canvas { border-radius:14px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }