:root{color:#f9f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#16111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#16111d;min-height:100%}body{min-width:320px;min-height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{--ink:#1c1523;--paper:#fffdf9;--purple:#5d2c76;--orange:#f26b38;width:min(100%,1120px);margin:0 auto;padding:32px 20px 48px}.hero{justify-content:space-between;align-items:end;gap:20px;padding:8px 6px 27px;display:flex}.eyebrow,.step{color:#cfaa50;letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px;font-size:.69rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#fff9f0;letter-spacing:-.035em;text-transform:uppercase;margin-bottom:11px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(3.15rem,11vw,5.7rem);font-weight:900;line-height:.76}h1 span{color:#ffcb55}.intro{color:#c6bdcf;max-width:355px;margin:0;font-size:.98rem;line-height:1.45}.hero-mark{color:#ffcb55;letter-spacing:.04em;border:2px solid #ffcb55;border-radius:50%;flex:none;align-content:center;place-items:center;width:102px;height:102px;font-family:Impact,Haettenschweiler,sans-serif;font-size:1.9rem;line-height:.8;display:grid;rotate:9deg}.hero-mark span{font-family:ui-sans-serif,system-ui,sans-serif;font-size:1rem}.workspace{background:var(--paper);border:1px solid #ffffff2b;border-radius:28px;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);display:grid;overflow:hidden;box-shadow:0 24px 70px #0000004d}.canvas-card{background:#ece8f4;min-width:0;padding:18px}.canvas-meta{color:#574e61;justify-content:space-between;gap:12px;margin:0 2px 10px;font-size:.74rem;font-weight:700;display:flex}.live-dot{color:#34263e;align-items:center;gap:6px;display:inline-flex}.live-dot:before{content:"";background:#ee7355;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ee73552e}.meme-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#241d2b;border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 9px 22px #1e132640}.canvas-hint{color:#635b6d;margin:13px 2px 0;font-size:.78rem;line-height:1.35}.canvas-hint span{color:#e16b4f;font-size:1.08rem;font-weight:900}.editor-panel{color:var(--ink)}.panel-section{border-bottom:1px solid #e4ded8;padding:23px}.panel-section:last-child{border-bottom:0}.section-heading{align-items:baseline;gap:10px;display:flex}.section-heading .step{color:#b57338;min-width:21px;margin:0}h2{letter-spacing:-.01em;margin:0;font-size:1rem;line-height:1.25}.upload-button{color:#2b1e32;text-align:left;background:#fff9f4;border:1.5px dashed #b8aab4;border-radius:12px;align-items:center;gap:11px;width:100%;min-height:66px;margin-top:16px;padding:10px 13px;transition:background .16s,border-color .16s,transform .16s;display:flex}.upload-button:hover,.upload-button:focus-visible{border-color:var(--purple);background:#f8eff6}.upload-button:active{transform:scale(.98)}.upload-button strong,.upload-button small{display:block}.upload-button strong{font-size:.9rem}.upload-button small{color:#786d76;margin-top:2px;font-size:.72rem}.upload-icon{background:var(--purple);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:1.25rem;font-weight:800;display:grid}.background-picker{gap:9px;margin-top:14px;display:flex}.background-swatch{background:0 0;border:2px solid #0000;border-radius:50%;width:37px;height:37px;padding:3px}.background-swatch span{border-radius:50%;width:100%;height:100%;display:block}.background-swatch.selected,.background-swatch:focus-visible{border-color:#392440;outline:none}.privacy-note{color:#887b83;margin:12px 0 0;font-size:.72rem}.layer-list{gap:8px;margin-top:15px;display:grid}.layer-row{background:#fff;border:1px solid #ded5dd;border-radius:11px;grid-template-columns:30px 1fr 31px;align-items:stretch;transition:border-color .14s,box-shadow .14s;display:grid;overflow:hidden}.layer-row.selected{border-color:#8d5fa1;box-shadow:0 0 0 3px #8d5fa11f}.layer-row textarea{resize:vertical;color:#2c1d32;text-transform:uppercase;background:0 0;border:0;outline:0;min-width:0;height:52px;padding:9px 7px;font-size:.75rem;font-weight:700;line-height:1.2}.layer-number,.delete-layer{color:#7e647e;background:#f7f1f4;border:0;font-weight:800}.layer-number{border-right:1px solid #e7dfe5}.delete-layer{border-left:1px solid #e7dfe5;font-size:1.23rem;line-height:1}.layer-number:hover,.delete-layer:hover{color:#44254e;background:#eaddea}.add-layer{min-height:44px;color:var(--purple);text-align:left;background:0 0;border:0;margin-top:12px;padding:0;font-size:.79rem;font-weight:800}.add-layer span{color:#c25447;margin-right:4px;font-size:1.1rem}.controls-section{background:#fdf9f7}.style-controls{grid-template-columns:1fr auto;align-items:end;gap:18px;margin-top:16px;display:grid}.range-control,.color-control{color:#564856;font-size:.72rem;font-weight:800}.range-control{gap:8px;display:grid}.range-control output{color:#a27043;font-variant-numeric:tabular-nums;margin-left:7px}.range-control input{width:100%;accent-color:var(--purple)}.color-control>span{color:#6f5d6d;font-variant-numeric:tabular-nums;align-items:center;gap:7px;margin-top:7px;font-size:.71rem;display:flex}.color-control input{background:#fff;border:1px solid #d5cbd3;border-radius:7px;width:34px;height:27px;padding:1px}.export-card{background:#2a1e32;border:1px solid #ffffff2b;border-radius:20px;margin-top:21px;padding:20px 23px 15px;position:relative;box-shadow:0 12px 36px #00000024}.export-copy{align-items:baseline;gap:10px;display:flex}.export-copy .step{color:#e5ae57;margin:0}.export-copy h2{color:#fff}.export-copy p{color:#c6bccc;margin:5px 0 0;font-size:.77rem}.export-actions{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.primary-action,.secondary-action{border-radius:10px;min-height:45px;padding:0 13px;font-size:.78rem;font-weight:850}.primary-action{color:#211626;background:#ffcc5a;border:1px solid #ffcc5a;flex:154px}.primary-action span{margin-left:7px;font-size:1rem}.secondary-action{color:#f7effa;background:0 0;border:1px solid #77657d;flex:110px}.primary-action:hover,.primary-action:focus-visible{background:#ffdb83}.secondary-action:hover,.secondary-action:focus-visible{background:#403146;border-color:#d7c4de}.primary-action:active,.secondary-action:active{transform:translateY(1px)}.status-message{color:#ded4e2;min-height:1.2em;margin:12px 0 0;font-size:.73rem}footer{color:#a99fac;text-align:center;padding:17px 5px 0;font-size:.72rem}footer span{color:#e0ba67}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.app-shell{padding:22px 13px 33px}.hero{align-items:center;padding:3px 5px 21px}.hero-mark{width:76px;height:76px;font-size:1.4rem}h1{font-size:clamp(3.1rem,15vw,4.45rem)}.intro{max-width:245px;font-size:.86rem}.workspace{border-radius:20px;grid-template-columns:1fr}.canvas-card{padding:12px}.canvas-meta{margin:0 2px 8px;font-size:.67rem}.canvas-meta>span:last-child{text-align:right;max-width:142px}.panel-section{padding:19px 16px}.export-card{margin-top:14px;padding:18px 16px 13px}}@media (width<=390px){.hero-mark{display:none}.style-controls{grid-template-columns:1fr;gap:13px}}