.templates-panel{margin-bottom:1.5rem}.templates-panel .card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.templates-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.template-search-wrapper{position:relative;min-width:250px}.template-search-wrapper i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.template-search-input{padding-left:2.5rem;width:100%}.meme-editor-layout{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;margin-bottom:2rem}@media (max-width:1200px){.meme-editor-layout{grid-template-columns:1fr}.controls-panel{order:2}.canvas-panel{order:1}.template-search-wrapper{min-width:200px}}@media (max-width:768px){.templates-header-actions{width:100%}.template-search-wrapper{flex:1;min-width:150px}}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;max-height:350px;overflow-y:auto}.template-item{cursor:pointer;border:2px solid transparent;border-radius:.5rem;overflow:hidden;position:relative;background:var(--bg-secondary)}.template-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.template-item.active{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(139,92,246,.2)}.template-item.hidden{display:none}.template-item img{width:100%;height:120px;object-fit:cover;display:block}.template-name{font-size:.8rem;padding:.5rem .25rem;text-align:center;background:var(--bg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.canvas-container{position:relative;max-width:100%;margin:0 auto;background:#f0f0f0;border-radius:.5rem;overflow:hidden;display:flex;justify-content:center;align-items:center}#meme-canvas{display:block;max-width:100%;height:auto;cursor:crosshair}.text-overlays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.text-overlay{position:absolute;cursor:move;pointer-events:all;user-select:none;padding:.25rem;border:2px dashed rgba(99,102,241,.3);background:rgba(99,102,241,.05);min-width:60px;min-height:30px;text-align:center;border-radius:.25rem;touch-action:none}.text-overlay:hover{border-color:rgba(99,102,241,.6);background:rgba(99,102,241,.1)}.text-overlay.selected{border-color:var(--primary-color);border-style:solid;background:rgba(99,102,241,.15);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.text-overlay .text-content{font-family:Impact,'Arial Black',sans-serif;font-size:2rem;font-weight:700;color:transparent;line-height:1.2;word-wrap:break-word;pointer-events:none;opacity:0}.text-overlay .delete-text{position:absolute;top:-12px;right:-12px;background:var(--danger-color);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.2)}.text-overlay.selected .delete-text,.text-overlay:hover .delete-text{display:flex}.text-overlay .delete-text:hover{background:#b91c1c}.text-control-group{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.text-control-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.text-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem;background:var(--bg-secondary);border-radius:.375rem;cursor:pointer}.text-control-header h4{margin:0;font-size:.875rem;font-weight:600}.text-control-header .text-index{background:var(--primary-color);color:#fff;padding:.125rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:700}.text-control-body{padding:.5rem 0}.control-row{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.control-row label{flex:0 0 80px;font-size:.875rem;font-weight:500}.control-row input[type=text],.control-row select,.control-row textarea{flex:1}.control-row textarea{min-height:60px;resize:vertical}.control-row input[type=color]{height:36px;border-radius:.375rem;border:1px solid var(--border-color);cursor:pointer}.control-row input[type=range]{flex:1}.range-value{min-width:40px;text-align:right;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.canvas-actions{display:flex;gap:.5rem}.about-memes-section h3{margin-top:2rem;margin-bottom:1rem;color:var(--primary-color)}.about-memes-section ol,.about-memes-section ul{margin-left:1.5rem;margin-bottom:1rem}.about-memes-section li{margin-bottom:.5rem;line-height:1.6}.best-practices .practice-item{padding:1rem;background:var(--bg-secondary);border-left:4px solid var(--accent-color);border-radius:.375rem}.best-practices .practice-item strong{color:var(--primary-color);display:block;margin-bottom:.25rem}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:500;z-index:10}@media (max-width:768px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.text-overlay .text-content{font-size:1.5rem}.control-row{flex-direction:column;align-items:stretch}.control-row label{flex:none}}.template-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.text-overlay:focus-visible{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.3)}.btn,.template-item,.text-overlay{transition:.2s}.templates-grid::-webkit-scrollbar{width:8px}.templates-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.templates-grid::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.templates-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}