.meme-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px;margin-top:18px;display:grid}.meme-layout>main,.meme-layout>aside{background:#fff;border:1px solid #dce5f2;border-radius:14px;box-shadow:0 9px 28px #1923520d}.meme-layout>main{overflow:hidden}.meme-layout main>header{border-bottom:1px solid #e1e8f2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.meme-layout main>header strong,.meme-layout main>header small{display:block}.meme-layout main>header strong{color:#172443;font-size:.76rem}.meme-layout main>header small{color:#71809b;margin-top:3px;font-size:.63rem}.meme-layout main>header button{color:#405171;cursor:pointer;background:#fff;border:1px solid #cbd8ec;border-radius:8px;padding:8px 11px;font-weight:800}.meme-workspace{background:#f3f6fb;place-items:center;height:clamp(400px,100vh - 350px,620px);padding:18px;display:grid;overflow:hidden}.meme-stage{touch-action:none;max-width:100%;max-height:100%;position:relative;box-shadow:0 5px 22px #14224629}.meme-stage.portrait{width:auto;height:100%}.meme-stage.landscape{width:100%;height:auto}.meme-stage canvas{width:100%!important;max-width:none!important;height:100%!important;display:block!important;position:static!important}.meme-caption-hit{z-index:3;color:#0000;cursor:move;-webkit-user-select:none;user-select:none;background:0 0;border:1px dashed #0000;max-width:94%;padding:7px;position:absolute;transform:translate(-50%,-50%)}.meme-caption-hit.selected{background:#4d8cff1f;border-color:#4d8cff}.meme-layout main>footer{border-top:1px solid #e1e8f2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.meme-layout main>footer button{cursor:pointer;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-weight:850;display:flex}.meme-remove{color:#dc3e3e;background:#fff0f0}.meme-download{color:#fff;background:var(--brand-hero-gradient)}.meme-layout>aside{flex-direction:column;height:max-content;min-height:520px;padding:18px;display:flex;position:sticky;top:14px}.meme-add{color:#784bb0;cursor:pointer;background:#faf7ff;border:1px solid #bcaee6;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-top:18px;padding:10px;font-weight:800;display:flex}.meme-controls{border-top:1px solid #e1e8f2;gap:12px;margin-top:16px;padding-top:15px;display:grid}.meme-controls label,.meme-format{color:#405171;gap:6px;font-size:.68rem;font-weight:800;display:grid}.meme-controls label>span{justify-content:space-between;display:flex}.meme-controls textarea,.meme-controls select,.meme-format select{color:#172443;width:100%;font:inherit;background:#fff;border:1px solid #cbd8ec;border-radius:8px;padding:9px}.meme-controls textarea{resize:vertical;min-height:55px}.meme-colors{grid-template-columns:1fr 1fr;gap:8px;display:grid}.meme-colors label{border:1px solid #dce4ef;border-radius:8px;justify-content:space-between;align-items:center;padding:6px;display:flex}.meme-colors input{background:0 0;border:0;width:32px;height:27px}.meme-check{align-items:center;gap:8px;display:flex!important}.meme-delete{color:#dc3e3e;cursor:pointer;background:#fff6f6;border:1px solid #ffd0d0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px;font-weight:800;display:flex}.meme-hint{color:#71809b;margin:20px 0;font-size:.7rem}.meme-format{margin-top:auto;padding-top:18px}.meme-layout aside>.image-transform-run{width:100%;margin-top:13px}@media (max-width:950px){.meme-layout{grid-template-columns:1fr}.meme-layout>aside{min-height:0;position:static}}@media (max-width:620px){.meme-workspace{height:420px;padding:8px}.meme-layout main>footer{flex-direction:column;align-items:stretch;gap:8px}.meme-layout main>footer button{justify-content:center}}
.meme-stage{overflow:visible}.meme-stage canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.meme-caption-hit{border:1px dashed #4d8cffb3;border-radius:5px;place-items:center;min-width:130px;min-height:42px;display:grid}.meme-caption-hit span{color:#2563eb38;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;font-weight:800;overflow:hidden}.meme-caption-hit.selected{background:#4d8cff24;border:2px solid #4d8cff;box-shadow:0 0 0 2px #ffffffd9}.meme-caption-hit.selected:after{content:"Drag text";color:#fff;white-space:nowrap;background:#4d8cff;border-radius:4px;padding:2px 6px;font-size:9px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}