.loading,.result{display:none}.loading,.result,header{text-align:center}#qrcode{margin:20px auto;display:inline-block}.btn,.language-btn{transition:.3s;cursor:pointer}.btn,.language-btn,label{font-weight:700}.btn,.language-btn{cursor:pointer}*{margin:0;padding:0;box-sizing:border-box;font-family:'Arial Rounded MT Bold','Helvetica Rounded',Arial,sans-serif}body{background:linear-gradient(135deg,#ff9a9e 0,#fad0c4 100%);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:15px;color:#5a3e36;-webkit-overflow-scrolling:touch}.heart,h1{color:#d64c7f}.container{max-width:600px;width:100%;background-color:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:25px;margin-top:15px}header{margin-bottom:30px}h1{font-size:2.5rem;margin-bottom:10px}.heart{margin:0 5px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:#8a5a44}input,textarea{width:100%;padding:12px 15px;border:2px solid #f0d2da;border-radius:10px;transition:border .3s;-webkit-text-size-adjust:100%}input:focus,textarea:focus{border-color:#d64c7f;outline:0}textarea{min-height:150px;resize:vertical}.btn{background:linear-gradient(to right,#d64c7f,#ff9a9e);color:#fff;border:none;padding:12px 25px;border-radius:50px;font-size:1rem;width:100%}.instructions,.result{background-color:#f9f0f3}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(214,76,127,.4)}.result{margin-top:30px;padding:20px;border-radius:15px}#qrcode,.instructions{padding:15px;border-radius:10px}#qrcode{background:#fff}.instructions{margin-top:20px;font-size:.9rem}.loading{margin:10px 0}.language-selector{position:absolute;top:20px;right:20px;z-index:100}.language-btn{background:rgba(255,255,255,.9);border:2px solid #d64c7f;border-radius:25px;padding:8px 15px;font-size:.9rem;color:#d64c7f}.language-btn:hover{background:#d64c7f;color:#fff}.language-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2);margin-top:5px;display:none;min-width:120px;overflow:hidden}.language-option{padding:10px 15px;cursor:pointer;transition:background .3s;border-bottom:1px solid #f0f0f0}.language-option:hover{background:#f9f0f3}.language-option:last-child{border-bottom:none}

.char-counter{text-align:right;font-size:.8rem;color:#666;margin-top:5px}

.image-upload-area{border:2px dashed #f0d2da;border-radius:10px;padding:30px;text-align:center;cursor:pointer;transition:all .3s;background:#f9f0f3}.image-upload-area:hover{border-color:#d64c7f;background:#f5e6ea}.image-upload-area.dragover{border-color:#d64c7f;background:#f0d2da}.upload-icon{font-size:3rem;margin-bottom:10px}.upload-hint{font-size:.8rem;color:#8a5a44;margin-top:5px}

.image-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.preview-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-item .remove-btn{position:absolute;top:5px;right:5px;background:rgba(214,76,127,.8);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:12px}

.compression-info{margin-top:10px;padding:10px;background:#f0f8ff;border-radius:8px;font-size:.9rem;color:#5a3e36}.compression-info .progress-bar{height:6px;background:#e0e0e0;border-radius:3px;margin-top:5px;overflow:hidden}.compression-info .progress{height:100%;background:#d64c7f;transition:width .3s}

@media (max-width:768px){body{padding:10px}.container{padding:20px;margin-top:10px;border-radius:15px}header{margin-bottom:20px}h1{font-size:1.8rem;margin-bottom:8px}.form-group{margin-bottom:15px}input,textarea{padding:10px 12px;font-size:16px}textarea{min-height:120px}.btn{padding:14px 20px;font-size:16px}.result{margin-top:20px;padding:15px}.instructions{padding:12px;margin-top:15px;font-size:.85rem}.language-selector{top:15px;right:15px}.language-btn{padding:6px 12px;font-size:.8rem}.language-dropdown{min-width:110px}.language-option{padding:8px 12px}.image-upload-area{padding:20px}.upload-icon{font-size:2.5rem}.image-preview{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width:480px){body{padding:8px}.container{padding:15px;border-radius:12px}h1{font-size:1.5rem}header p{font-size:.9rem}.form-group{margin-bottom:12px}input,textarea{padding:8px 10px}.btn{padding:12px 18px}.language-selector{top:10px;right:10px}.language-option{width:40px;height:40px;font-size:16px}.image-upload-area{padding:15px}.upload-icon{font-size:2rem}.image-preview{grid-template-columns:repeat(2,1fr);gap:6px}}@media (max-width:360px){body{padding:5px}.container{padding:12px;border-radius:10px}h1{font-size:1.3rem}header p{font-size:.85rem}.form-group{margin-bottom:10px}input,textarea{padding:6px 8px;font-size:14px}textarea{min-height:100px}.btn{padding:10px 14px;font-size:14px}.language-btn{padding:4px 8px;font-size:.7rem}.image-upload-area{padding:12px}.upload-icon{font-size:1.8rem}}input,select,textarea{font-size:16px!important}.btn,.language-btn{-webkit-tap-highlight-color:transparent;user-select:none}.btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{max-width:100%;overflow-x:hidden}.btn:active,.language-btn:active{transform:scale(.98)}