:root{--orange:#ff9000;--purple:#8d3c7b;--dark:#2c2c2c;--light:#f5f5f5;--red:#e74c3c;--blue:#3498db}.storydl-meme-container{font-family:'Montserrat','Vazirmatn',sans-serif}.storydl-meme-container h1,.storydl-meme-container h2,.storydl-meme-container h3{font-family:'Montserrat','Vazirmatn',sans-serif}.main{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;align-items:flex-start;margin:30px auto 40px auto;max-width:1400px;padding:0 20px}.editor{background:#fff;border-radius:18px;box-shadow:0 2px 12px #0001;padding:24px;min-width:320px;max-width:380px;flex:1 1 350px}.accordion .accordion-header{background:var(--light);padding:12px;margin-bottom:10px;border-radius:8px;cursor:pointer;font-weight:700;color:var(--purple);display:flex;justify-content:space-between;align-items:center}.accordion .accordion-header::after{content:'▼';font-size:.8em;transition:transform 0.2s}.accordion.open .accordion-header::after{transform:rotate(180deg)}.accordion .accordion-content{padding:0 10px;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}.accordion.open .accordion-content{max-height:500px}.editor label{font-weight:700;color:var(--purple);margin-top:10px;display:block;font-size:.9em;text-transform:uppercase}.file-label{display:block;background:var(--light);border:2px dashed var(--purple);border-radius:12px;padding:18px;text-align:center;cursor:pointer;transition:all 0.2s}.file-label:hover{border-color:var(--orange);background:#fff}.template-grid,.sticker-grid,.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;margin-top:10px;max-height:150px;overflow-y:auto;padding:8px;background:#fafafa;border-radius:8px}.template-item,.sticker-item,.emoji-item{cursor:pointer;border:3px solid #fff0;border-radius:8px;overflow:hidden;transition:all 0.2s;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.template-item:hover,.sticker-item:hover,.emoji-item:hover{border-color:var(--orange);transform:scale(1.05)}.template-item img,.sticker-item img{width:100%;height:100%;object-fit:cover}.sticker-item img{object-fit:contain;padding:5px}.emoji-item{font-size:2.5em}.editor input,.editor select{width:100%;margin:6px 0 12px 0;padding:10px;border-radius:8px;border:1.5px solid #ddd;font-size:1em;box-sizing:border-box}.btn-group{display:flex;gap:8px;margin-top:10px}.btn{background:var(--orange);color:#fff;border:none;border-radius:20px;padding:12px 24px;font-size:1.1em;font-weight:700;cursor:pointer;margin:10px 0;width:100%;transition:all 0.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn:not(:disabled):hover{background:var(--purple);transform:translateY(-2px);box-shadow:0 4px 8px #0002}.btn.small-btn{padding:8px 12px;font-size:.9em;border-radius:8px;width:auto;flex-grow:1}.btn.delete-btn{background-color:var(--red)}.btn.delete-btn:not(:disabled):hover{background-color:#c0392b}.btn.share-btn{background-color:var(--blue)}.btn.share-btn:not(:disabled):hover{background-color:#2980b9}.hidden{display:none!important}.canvas-container{position:relative;width:fit-content;margin:0 auto}#memeCanvas{background:#fff;border-radius:12px;display:block;touch-action:none;user-select:none;max-width:380px;height:auto;box-shadow:0 4px 20px #0003}.filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.filter-btn{padding:8px;font-size:.8em;border-radius:8px;background:var(--light);border:1.5px solid #ddd;cursor:pointer;transition:all 0.2s}.filter-btn.active,.filter-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange)}@media (max-width:900px){.main{flex-direction:column;align-items:center}.canvas-wrap,.editor{max-width:100%}}