@font-face{font-family:'Arista 2.0';src:url('/fonts/Arista2.0.ttf?v=HMNyQbf1KL85kDh5bvS3FR6iYlI') format('truetype');font-weight:normal;font-style:normal}.meme-creator-container{min-height:100vh;background:linear-gradient(135deg,#ff6b35 0%,#f4511e 100%);padding:1rem 0}.meme-creator-header{text-align:center;margin-bottom:.75rem;color:#fff}.meme-creator-header h1{font-size:2.5rem;font-weight:bold;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.meme-creator-header p{font-size:1.1rem;opacity:.9}.meme-workspace{background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden;margin:0 auto;max-width:1400px}.editor-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-bottom:1px solid #e9ecef}.btn-icon{border:1px solid #e9ecef;background:#f8f9fa;color:#495057;border-radius:6px;padding:.4rem .6rem;font-size:.9rem;cursor:pointer}.btn-icon:hover{background:#eef2f7}.btn-icon.primary{background:linear-gradient(135deg,#ff6b35 0%,#f4511e 100%);color:#fff;border-color:transparent}.toolbar-divider{width:1px;height:24px;background:#e9ecef}.toolbar-spacer{flex:1}.canvas-section{padding:1rem 1.25rem;background:#f8f9fa;display:flex;justify-content:center;align-items:center;min-height:420px;overflow-x:auto}.canvas-container{background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);padding:1rem;display:inline-block;max-width:100%;position:relative}#memeCanvas{border:2px solid #dee2e6;border-radius:8px;display:block;max-width:100%;height:auto!important}.controls-section{padding:1rem 1.25rem;border-top:1px solid #dee2e6}.template-selectors{margin-bottom:1rem}.template-selectors.collapsed{max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;overflow:hidden}.template-selectors h4{color:#495057;margin-bottom:1rem;font-weight:600}.template-grid{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.template-selector{background:#fff;color:#495057;border:2px solid #dee2e6;border-radius:8px;padding:0;font-weight:600;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column;flex:0 0 auto;width:110px}.template-selector:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:#ff6b35}.template-selector.selected{border-color:#f4511e;border-width:2px;box-shadow:0 4px 12px rgba(244,81,30,.3);background:linear-gradient(135deg,rgba(244,81,30,.05) 0%,rgba(255,107,53,.05) 100%)}.template-thumbnail{width:100%;height:70px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.template-thumbnail img{width:100%;height:100%;object-fit:contain}.template-placeholder{font-size:2rem;color:#dee2e6}.template-title{padding:.5rem .25rem;text-align:center;font-size:.75rem;background:#fff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-selector.selected .template-title{background:linear-gradient(135deg,rgba(244,81,30,.1) 0%,rgba(255,107,53,.1) 100%);color:#f4511e;font-weight:bold}.upload-template .template-thumbnail{background:#fff;border:2px dashed #dee2e6}.upload-template:hover .template-thumbnail{border-color:#ff6b35}.upload-tile-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#495057;font-weight:600;font-size:.8rem;padding:4px;text-align:center}.upload-tile-content .upload-icon{font-size:1.5rem}.text-controls{background:#f8f9fa;border-radius:10px;padding:1rem;margin-top:1rem}.text-controls h4{color:#495057;margin-bottom:1rem;font-weight:600}.control-group{margin-bottom:1rem}.control-group label{display:block;margin-bottom:.5rem;color:#6c757d;font-weight:500;font-size:.9rem}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.control-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.form-control,.form-select{border:2px solid #e9ecef;border-radius:8px;padding:.5rem .6rem;font-size:.9rem;transition:border-color .3s ease}.form-control:focus,.form-select:focus{border-color:#ff6b35;box-shadow:0 0 0 .2rem rgba(255,107,53,.25);outline:0}.color-input{width:100%;height:36px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:border-color .3s ease}.color-input:hover{border-color:#ff6b35}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.text-controls .action-buttons{display:grid}.btn-action{padding:.75rem 1.5rem;border:0;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary-custom{background:linear-gradient(135deg,#ff6b35 0%,#f4511e 100%);color:#fff;box-shadow:0 3px 10px rgba(244,81,30,.3)}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(244,81,30,.4)}.btn-success-custom{background:linear-gradient(135deg,#ff6b35 0%,#f4511e 100%);color:#fff;box-shadow:0 3px 10px rgba(255,107,53,.3)}.btn-success-custom:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,107,53,.4)}.btn-danger-custom{background:linear-gradient(135deg,#dc3545 0%,#e83e8c 100%);color:#fff;box-shadow:0 3px 10px rgba(220,53,69,.3)}.btn-danger-custom:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(220,53,69,.4)}.text-properties-panel{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:1rem;margin-top:.75rem;opacity:.6;transition:opacity .3s ease}.text-properties-panel.active{opacity:1;border-color:#ff6b35}.text-properties-panel:not(.active){max-height:0;padding:0;margin-top:0;border:0;overflow:hidden}.disabled-overlay{position:relative}.disabled-overlay::before{content:"Select a text field to edit properties";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.9);padding:1rem 2rem;border-radius:8px;font-weight:600;color:#6c757d;z-index:10;box-shadow:0 3px 10px rgba(0,0,0,.1);pointer-events:none;text-align:center}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.meme-creator-container{padding:.5rem}.meme-workspace{border-radius:10px}.canvas-section{padding:.5rem;min-height:auto}.canvas-container{padding:.5rem;width:100%;box-sizing:border-box}#memeCanvas{width:100%!important;height:auto!important}.controls-section{padding:1rem}.template-grid{gap:.4rem;padding-bottom:.25rem}.template-thumbnail{height:48px}.template-title{display:none}.control-row{grid-template-columns:1fr}.control-row-3{grid-template-columns:1fr}.action-buttons{grid-template-columns:1fr}.meme-creator-header h1{font-size:1.4rem}.meme-creator-header p{display:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#f4511e}