.ufpt-container{max-width:1300px;margin:0 auto;padding:25px;background-color:#f5f7fa;border-radius:20px;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.ufpt-controls{background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 12px rgb(0 0 0 / .05);margin-bottom:30px}.ufpt-row{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}.ufpt-row label{font-weight:600;color:#2c3e50;min-width:100px}.ufpt-text-input{flex:1;padding:15px;font-size:1.2rem;border:2px solid #d0d9e8;border-radius:12px;resize:vertical;min-height:100px;background:#fafbfc;font-family:inherit}.ufpt-text-input:focus{border-color:#4361ee;outline:none}.ufpt-size-control{flex:2;min-width:250px}.ufpt-size-control label{display:flex;align-items:center;gap:10px}.ufpt-size-value{background:#4361ee;color:#fff;padding:4px 12px;border-radius:30px;font-size:.9rem}.ufpt-font-size-slider{width:100%;margin:5px 0;accent-color:#4361ee}.ufpt-color-controls{display:flex;gap:20px;flex-wrap:wrap}.ufpt-color-controls>div{display:flex;align-items:center;gap:8px}.ufpt-color-picker{width:50px;height:40px;border:2px solid #d0d9e8;border-radius:8px;cursor:pointer}.ufpt-style-buttons{display:flex;gap:10px;flex-wrap:wrap}.ufpt-style-btn,.ufpt-reset-btn,.ufpt-copy-text-btn{background:#eef2f6;border:none;border-radius:30px;padding:10px 20px;font-size:1rem;font-weight:600;cursor:pointer;color:#1e2a3a;min-width:50px}.ufpt-style-btn:hover,.ufpt-reset-btn:hover,.ufpt-copy-text-btn:hover{background:#d0d9e8}.ufpt-bold-btn{font-weight:800}.ufpt-italic-btn{font-style:italic}.ufpt-underline-btn{text-decoration:underline}.ufpt-copy-text-btn{background:#4361ee;color:#fff}.ufpt-copy-text-btn:hover{background:#2e4ac7}.ufpt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.ufpt-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 6px 14px rgb(0 0 0 / .06);display:flex;flex-direction:column}.ufpt-font-name{margin:0 0 15px 0;font-size:1rem;font-weight:600;color:#1e2a3a;text-align:center;background:#f0f4fa;padding:8px 12px;border-radius:30px;display:inline-block;align-self:center}.ufpt-preview-text{font-size:32px;line-height:1.6;min-height:140px;padding:20px;background:#fafbfc;border-radius:16px;margin-bottom:20px;word-break:break-word;text-align:right;direction:rtl;display:flex;align-items:center;justify-content:flex-start;border:1px solid #eef2f6}.ufpt-card-footer{display:flex;gap:10px;margin-top:auto}.ufpt-download-btn{flex:1;padding:12px 0;border:none;border-radius:30px;font-size:.95rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;color:#fff}.ufpt-download-png{background-color:#27ae60}.ufpt-download-png:hover{background-color:#1e8449}.ufpt-download-transparent{background-color:#f39c12}.ufpt-download-transparent:hover{background-color:#d68910}.ufpt-download-ttf{background-color:#3498db}.ufpt-download-ttf:hover{background-color:#2c7cb6}@media (max-width:768px){.ufpt-grid{grid-template-columns:1fr}.ufpt-row{flex-direction:column;align-items:stretch}.ufpt-card-footer{flex-direction:column}.ufpt-preview-text{font-size:28px;min-height:100px}}