.fpng-container{max-width:700px;margin:auto;padding:25px;background:#fff;border-radius:15px;box-shadow:0 0 20px rgb(0 0 0 / .1)}.fpng-title{text-align:center;font-size:32px;margin-bottom:25px}.fpng-box label{font-weight:700;display:block;margin:10px 0 5px}.fpng-box select,.fpng-box input{width:100%;padding:12px;border-radius:12px;border:2px solid #6a5af9;font-weight:600;margin-bottom:12px}.fpng-box select:focus,.fpng-box input:focus{border-color:#ff8a5c;box-shadow:0 0 0 4px rgb(255 138 92 / .25)}.fpng-results{margin-top:30px;text-align:center}.fpng-item{background:#f7f7ff;padding:14px;margin-bottom:12px;font-size:18px;border-radius:14px;cursor:pointer;box-shadow:0 2px 8px rgb(0 0 0 / .08);transition:0.2s}.fpng-item:hover{background:#e3e3ff;transform:translateY(-2px)}.fpng-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;justify-content:center}.fpng-buttons button{padding:14px 20px;border:none;border-radius:50px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6a11cb,#2575fc);box-shadow:0 4px 15px rgb(0 0 0 / .2);transition:0.2s;flex:1 1 45%;min-width:130px}.fpng-buttons button:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgb(0 0 0 / .25)}