.container{display:flex;min-height:100vh;padding:1rem;gap:1rem;flex-direction:row}@media (max-width:1024px){.container{flex-direction:column}}.controls{flex:0 0 280px;display:flex;flex-direction:column;gap:.75rem;max-height:100vh;overflow-y:auto;transition:all .3s ease}@media (max-width:1024px){.controls{flex:0 0 auto;max-height:none;width:100%}.controls.collapsed{display:none}}.controls h1{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.controls h1 a{transition:opacity .2s}.controls h1 a:hover{opacity:.8}.upload-section{display:flex;flex-direction:column}.upload-button{padding:.5rem 1rem;background:#333;border:1px solid #555;border-radius:6px;cursor:pointer;text-align:center;transition:background .2s;font-weight:500;font-size:.875rem}.upload-button:hover{background:#444}.effect-controls,.text-controls{display:flex;flex-direction:column;gap:.5rem}.effect-controls{margin-top:.25rem;padding-top:.5rem;border-top:1px solid #333}.control-group{display:flex;flex-direction:column;gap:.25rem}.control-group label{font-size:.75rem;font-weight:500;color:#aaa}.control-group input,.control-group textarea{padding:.375rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;font-family:Manrope,sans-serif;font-size:.75rem}.control-group input:focus,.control-group textarea:focus{outline:none;border-color:#666}.slider{width:100%;height:6px;border-radius:3px;background:#1a1a1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.slider::-webkit-slider-thumb:hover{background:#e0e0e0}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:none;-moz-transition:background .2s;transition:background .2s}.slider::-moz-range-thumb:hover{background:#e0e0e0}.download-button{padding:.625rem 1.25rem;background:#fff;color:#000;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-family:Manrope,sans-serif;font-size:.875rem;transition:background .2s;margin-top:.5rem;width:100%}.download-button:hover:not(:disabled){background:#e0e0e0}.download-button:disabled{background:#444;color:#888;cursor:not-allowed}.preview-section{flex:1 1;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;min-width:0}.template-button{width:140px}@media (min-width:1025px){.template-button{width:200px;padding:.75rem!important}.templates-container h3{font-size:.875rem!important}.template-button>div:first-child{font-size:.875rem!important;margin-bottom:.375rem!important}.template-button>div:last-child{font-size:.7rem!important}}@media (max-width:1024px){.preview-section{padding:.5rem;align-items:flex-start}.preview-section>div{flex-direction:column!important;align-items:center!important}.templates-container{width:100%!important;align-items:center!important}.templates-list{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;width:100%!important;overflow-x:auto}.templates-list button{flex:1 1 auto!important;min-width:120px!important;max-width:none!important}.mobile-toggle{display:block!important}}.card{position:relative;width:100%;max-width:800px;min-width:600px;aspect-ratio:16/9;min-height:337px;background:#1a1a1a;overflow:hidden;border-radius:8px}.card.portrait{aspect-ratio:9/16;max-width:450px;min-width:400px;min-height:711px}.card.square{aspect-ratio:1/1;max-width:600px;min-width:400px;min-height:400px}.card-image{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) contrast(1.2) brightness(.85)}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.text-top-left{font-size:1.5rem;font-weight:700}.text-top-left,.text-top-right{position:absolute;color:#fff;z-index:3}.text-top-right{font-size:1rem;font-weight:600;text-align:right;line-height:1.4}.text-bottom{position:absolute;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem;color:#fff;font-size:.875rem;font-weight:500;z-index:3}.vignette-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:radial-gradient(circle at center,transparent 0,transparent 40%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.7) 100%)}.text-bottom-left{text-align:left}.text-bottom-center{text-align:center}.text-bottom-right{text-align:right}@media (max-width:1024px){.container{flex-direction:column}.controls{flex:0 0 auto}.card{max-width:100%}}