.page-container{width:min(1200px,100%);margin:0 auto;padding:32px 24px 64px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.page-heading{display:flex;flex-direction:column;gap:8px;color:#262626}.page-heading h1{margin:0;font-size:clamp(2rem,3vw,2.6rem)}.page-heading p{margin:0;font-size:1.05rem;color:#475467}.meme-app{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:24px;align-items:flex-start}.meme-sidebar{background:#fff;border-radius:16px;box-shadow:0 12px 32px #0f172a1f;padding:20px;display:flex;flex-direction:column;gap:24px;position:sticky;top:24px;max-height:calc(100vh - 96px);overflow:hidden}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-section h2{margin:0;font-size:1.05rem;color:#1f2937}.search-input{position:relative}.search-input input{width:100%;padding:10px 14px;border-radius:12px;border:1px solid #d0d5dd;font-size:.95rem;background:#f9fafb;transition:border-color .2s ease}.search-input input:focus{outline:none;border-color:#7f56d9;background:#fff}.template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow-y:auto;max-height:420px;padding-right:4px}.template-card{background:#f5f5f7;border:1px solid transparent;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.template-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#fff}.template-card:hover,.template-card.active{border-color:#7f56d9;box-shadow:0 0 0 3px #7f56d926}.template-card span{font-size:.85rem;color:#475467;text-align:center;line-height:1.3}.pagination-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.pagination-controls button{border:1px solid #d0d5dd;background:#fff;border-radius:10px;padding:6px 10px;min-width:36px;font-size:.85rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.pagination-controls button.active{background:#7f56d9;color:#fff;border-color:#7f56d9}.pagination-controls button:disabled{opacity:.45;cursor:not-allowed}.pagination-controls input{width:56px;padding:6px 8px;border-radius:10px;border:1px solid #d0d5dd;font-size:.85rem;text-align:center}.meme-editor{background:#fff;border-radius:16px;box-shadow:0 12px 32px #0f172a1f;padding:24px;display:flex;flex-direction:column;gap:20px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.toolbar-group{display:flex;gap:8px;align-items:center}.toolbar select,.toolbar input{border-radius:12px;border:1px solid #d0d5dd;padding:8px 12px;font-size:.95rem}.toolbar button{border-radius:12px;border:1px solid #d0d5dd;background:#f9fafb;padding:8px 12px;font-size:.95rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.toolbar button:hover,.toolbar button.active{background:#7f56d9;color:#fff;border-color:#7f56d9}.canvas-shell{display:flex;flex-direction:column;gap:16px}.canvas-container{display:flex;justify-content:center;align-items:center;background:#f5f5f7;border-radius:16px;padding:16px;position:relative;overflow:auto}.canvas-container canvas{max-width:100%;height:auto}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-buttons button{border-radius:12px;padding:10px 18px;font-size:.95rem;cursor:pointer;border:none}button.primary{background:#7f56d9;color:#fff}button.secondary{background:#f2f4f7;color:#344054}.status-message{margin:0;font-size:.9rem;color:#7a7a7a}.template-gallery::-webkit-scrollbar{width:6px}.template-gallery::-webkit-scrollbar-thumb{background:#6b728066;border-radius:3px}.loading,.error,.no-results{text-align:center;font-size:.9rem;padding:12px;color:#475467}.error{color:#c1121f}@media (max-width: 960px){.meme-app{grid-template-columns:1fr}.meme-sidebar{position:static;max-height:none}}@media (max-width: 640px){.page-container{padding:24px 18px 48px}.toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar-group{width:100%;justify-content:space-between}.action-buttons{flex-direction:column}}