﻿.memeGrid{grid-template-columns:380px minmax(460px,1fr)}
.templateRow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px;max-height:360px;overflow:auto;padding-right:4px}
.templateBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0b1220;border:1px solid #243755;color:#eaf2ff;border-radius:14px;padding:10px;cursor:pointer;text-align:left}
.templateBtn:hover{border-color:#5d8cff;background:#101a30}.templateBtn img{width:72px;height:72px;object-fit:contain;background:white;border-radius:10px}.templateBtn span{font-weight:800;font-size:13px}
.upload.dragging{border-color:#77a7ff!important;background:#132341!important;box-shadow:0 0 0 3px rgba(93,140,255,.18),0 0 28px rgba(93,140,255,.22) inset}
.upload.dragging .uploadIcon{transform:scale(1.08);background:#345fb9;color:#fff}
.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memePreviewPanel{min-height:620px}.memeStageWrap{display:grid;place-items:center;min-height:470px;background:#080d18;border-radius:18px;border:1px solid #1d2c46;overflow:hidden}#memeCanvas{max-width:min(520px,95%);max-height:520px;background:transparent;image-rendering:auto}.downloadSlot{margin-top:14px}.downloadSlot a{display:inline-flex;padding:12px 18px;border-radius:12px;background:#5d8cff;color:white;font-weight:800;text-decoration:none}
.memeGrid .controls>label,.memeGrid .controls .twoCols>label{display:grid;gap:7px;min-width:0;margin:12px 0;color:#d8deea;font-size:14px}.memeGrid .controls input:not([type="file"]),.memeGrid .controls select{width:100%;min-width:0;height:42px;border:1px solid #283044;border-radius:8px;background:#0b0f18;color:#f4f7fb;padding:0 11px;font:inherit;outline:none}.memeGrid .controls input:focus,.memeGrid .controls select:focus{border-color:#5b8cff;box-shadow:0 0 0 3px rgba(91,140,255,.15)}.memeGrid .controls input[type="range"]{height:24px;padding:0;accent-color:#5b8cff}.memeGrid .controls input[type="color"]{padding:4px 6px;cursor:pointer}
@media (max-width: 900px){.memeGrid{grid-template-columns:1fr}.twoCols{grid-template-columns:1fr}}


.announcementText{margin:10px 0 0;color:#f4f7ff;font-size:16px;font-weight:800;letter-spacing:.2px}
.sequentialToggle{display:flex!important;align-items:center;gap:8px;margin:14px 0 4px!important;padding:10px 12px;border:1px solid rgba(91,140,255,.35);border-radius:8px;background:rgba(30,52,96,.22);color:#e5edff!important;font-weight:700}.sequentialToggle input{width:17px!important;height:17px!important;accent-color:#5b8cff}.sequentialOptions{margin-top:4px}.sequentialOptions label{position:relative}.sequentialOptions output{position:absolute;right:0;top:0;color:#91a4c0;font-size:12px}
